如何在客户端onchange事件中获取Dropdown选定值？

Question

我使用onchange事件在客户端编写了下拉列表选择索引更改事件的代码，并创建了一个JavaScript函数。 现在，我想在此函数中检索选定的值。我怎样才能得到这个值？

Answer 1

$("#DropDownlist:selected").val();

Answer 2

这将为您提供所选文字。

$("#mydropdownid option:selected").text(); 

这将为您提供选定的值

$('#mydropdownid').val();

Answer 3

HTML：

<select id="mySelect" class="myClass">
  <option value='1'>One</option>
</select>

jQuery：

现在，要获取所选值，您可以使用以下选项之一：

ONE：

var selected_value = $("#mySelect").val();

TWO：

var selected_value = $(".myClass").val();

三：

var dropdown = $("#mySelect option:selected");
var selected_value = dropdown.val();

Answer 4

最简单的，在事件处理程序中：

$('#elementID').change(function(event) {

   event.target.value;

};

event是发送给处理程序的事件对象，target是事件生成的DOM中的对象，并且它是DOM元素当前值的值。如果是选择框，这将完美地获得您选择的值。

Answer 5

正如你标记了jQuery，我认为你正在使用它。 只需使用jQuery val()

var v = $("#yourSelectID").val();
alert("The value is: " + v);

您还应该能够使用普通的javascript：

var e = document.getElementById("yourSelectID");
var v = e.options[e.selectedIndex].value;
alert("The value is: " + v);