如何使用javascript获取Select的显示值

Question

<Select>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</Select>

我正在使用document.getElementById("Example").value;来获取值。

我想显示文本而不是值。例如。 value=1 --> One。如何获取One文字？

Answer 1

在纯JavaScript中，你可以这样做：

<select id="Example">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

var sel = document.getElementById("Example");
var value = sel.options[sel.selectedIndex].value; // or just sel.value
var text = sel.options[sel.selectedIndex].text; 

jQuery的：

var $sel = $("#Example");
var value = $sel.val();
var text = $("option:selected",$sel).text(); 

Answer 2

此处所选文本和值在页面加载时使用jquery

$(document).ready(function () {
var ddlText = $("#ddlChar option:selected").text();
var ddlValue = $("#ddlChar option:selected").val();
});

参考此

http://csharpektroncmssql.blogspot.in/2012/03/jquery-how-to-select-dropdown-selected.html

http://praveenbattula.blogspot.in/2009/08/jquery-how-to-set-value-in-drop-down-as.html

Answer 3

这很好用

jQuery('#Example').change(function(){ 
    var value = jQuery('#Example').val(); //it gets you the value of selected option 
    console.log(value); // you can see your sected values in console, Eg 1,2,3
});