使用JavaScript获取下拉列表中选定的值

18 浏览
0 Comments

使用JavaScript获取下拉列表中选定的值

如何使用JavaScript获取下拉列表中选定的值？




								
admin 更改状态以发布 2023年5月19日
							

							

															

						

						
0

					

				


			


			
			

	

		

			

				2
				答案			


					


		
		

			
				
											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
纯JavaScript：




var e = document.getElementById("elementId");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;





jQuery：




$("#elementId :selected").text(); // The text content of the selected option
$("#elementId").val(); // The value of the selected option





AngularJS: (http://jsfiddle.net/qk5wwyct):




// HTML


Text: {{selectItem.text}}


Value: {{selectItem.value}}

// JavaScript
$scope.items = [{
  value: 'item_1_id',
  text: 'Item 1'
}, {
  value: 'item_2_id',
  text: 'Item 2'
}];




									

				

									

			

			
0

		

	



											


	

		

			

								
									
			

			

				

					

						

                        

						

														0 Comments						

					

					

															

				

				

										
给定一个长这样的选择元素：










运行这段代码：




var e = document.getElementById("ddlViewBy");
var value = e.value;
var text = e.options[e.selectedIndex].text;





结果是：




value == 2
text == "test2"







交互式示例：



var e = document.getElementById("ddlViewBy");
function onChange() {
  var value = e.value;
  var text = e.options[e.selectedIndex].text;
  console.log(value, text);
}
e.onchange = onChange;
onChange();








  




									

				

									

			

			
0