如何使用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();
但两者都返回空字符串。
当前回答
试试这个jQuery,
$("#ddlid option:selected").text();
或者这个javascript,
var selID=document.getElementById("ddlid");
var text=selID.options[selID.selectedIndex].text;
如果你需要访问值而不是文本,那么尝试使用val()方法而不是text()。
看看下面的小提琴链接。
Demo1 | Demo2
其他回答
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值,你只需使用下面的函数just sent id并获得所选值:
function getValue(id){
var value = "";
if($('#'+id)[0]!=undefined && $('#'+id)[0]!=null){
for(var i=0;i<$('#'+id)[0].length;i++){
if($('#'+id)[0][i].selected == true){
if(value != ""){
value = value + ", ";
}
value = value + $('#'+id)[0][i].innerText;
}
}
}
return value;
}
使用下面的代码行,我们可以得到下拉列表值。这将工作
var getValue =文档。
function fundrp(){ var text_value = $("#drpboxid option:selected").text(); console.log(text_value); var val_text = $("#drpboxid option:selected").val(); console.log(val_text); var value_text = $("#drpboxid option:selected").attr("value") ; console.log(value_text); var get_att_value = $("#drpboxid option:selected").attr("id") console.log(get_att_value); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> <select id="drpboxid"> <option id="1_one" value="one">one</option> <option id="2_two" value="two">two</option> <option id="3_three" value="three">three</option> </select> <button id="btndrp" onclick="fundrp()">Tracking Report1234</button>
试试这个,它得到的值:
(“选择# myField美元)。找到选项:selected’)。瓦尔();