如何使用jQuery获得下拉框的选定值? 我试着用
var value = $('#dropDownId').val();
and
var value = $('select#dropDownId option:selected').val();
但两者都返回空字符串。
如何使用jQuery获得下拉框的选定值? 我试着用
var value = $('#dropDownId').val();
and
var value = $('select#dropDownId option:selected').val();
但两者都返回空字符串。
当前回答
对于所选文本的使用:
value: $('#dropDownId :selected').text();
对于所选值的使用:
value: $('#dropDownId').val();
其他回答
您是否为选择元素提供了id?
<select id='dropDownId'> ...
你的第一句话应该有用!
对于正常页面加载下拉列表
$("#dropDownId").on('change',function(){
var value=$(this).val();
alert(value);
});
确保保持id的唯一性
$(document).on('change','#dropDownId',function(){
var value=$(this).val();
alert(value)
});
var value = $('#dropDownId:selected').text()
应该工作得很好,请看这个例子:
$(文档)时函数(){ $ (' # button1 ') .click(函数(){ 警报($ #组合:选择)。text ()); }); }); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本> <选择id = "组合" > <option value="1">Test 1</option> . </option> . <option value="2">Test 2</option> . </option> . < /选择> <input id="button1" type="button" value="点击!"/>
这将提醒所选值。 JQuery代码…
$(document).ready(function () {
$("#myDropDown").change(function (event) {
alert("You have Selected :: "+$(this).val());
});
});
HTML代码…
<select id="myDropDown">
<option>Milk</option>
<option>Egg</option>
<option>Bread</option>
<option>Fruits</option>
</select>
对于所选文本的使用:
value: $('#dropDownId :selected').text();
对于所选值的使用:
value: $('#dropDownId').val();