如何使用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();
但两者都返回空字符串。
当前回答
使用这些代码中的任何一个
$('#dropDownId :selected').text();
OR
$('#dropDownId').text();
其他回答
试试这个
$("#yourDropdown option:selected").text();
对于单个select dom元素,获取当前选择的值:
$('#dropDownId').val();
获取当前选定的文本:
$('#dropDownId :selected').text();
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="点击!"/>
HTML:
<select class="form-control" id="SecondSelect">
<option>5<option>
<option>10<option>
<option>20<option>
<option>30<option>
</select>
JavaScript:
var value = $('#SecondSelect')[0].value;
use
$('#dropDownId').find('option:selected').val()
这应该工作:)