获取选定的下拉值

时间:2014-02-18 11:53:41

标签: javascript jquery html select

我在筛选列表的页面上有很多下拉菜单。但是,当我尝试在函数中获取这些值时,我每次都不会返回任何内容!

我尝试过以下方法: -

var browserVal= document.getElementById("browser").options[document.getElementById("browser").selectedIndex].value;
var browserVal= document.getElementById("browser").options[document.getElementById("browser").selectedIndex].text;

我也尝试过: -

systemVal = $("#browser").children("option").filter(":selected").val();
systemVal = $("#browser").children("option").filter(":selected").value;
systemVal = $("#browser").children("option").filter(":selected").text();

以及: -

var browserVal= $("#browser").text()
var browserVal= $("#browser").val()

项目设置如下: -

<fieldset class="buttons">
system   
<select id="System" class="filterField" name="System" style="width:250px">
<option value="">Please Select</option>
<option value="3">Processing</option>
<option value="2">Other</option>
<option value="1">Reporting</option>
</select>
Browser   
<select id="browser" class="filterField" style="width:175px" name="browser">
<option value="">Please Select</option>
<option value="IE">IE</option>
<option value="RND">RND</option>
<option value="FF">FF</option>
<option value="CH">CH</option>
</select>
</fieldSet>

对于我可以尝试的替代方案的任何建议我在一个不同的页面上作为一个相同的方法没有想法工作正常......:S

2 个答案:

答案 0 :(得分:2)

您可以像这样获得下拉列表的选定值

var dropDown=document.getElementById("browser");
var selectedValue=dropDown[dropDown.selectedIndex].value;

类似地,您可以执行此操作以获取文本

var e = document.getElementById("browser");
var strUser = e.options[e.selectedIndex].text;

答案 1 :(得分:0)

试试这个:

systemVal = $("#browser").find("option:selected").val();