獲取選定的下拉值

Question

我在過濾列表的頁面上有很多下拉菜單。 但是，當我嘗試在函數中獲取這些值時，每次都不會得到任何返回！

我嘗試了以下方法：-

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

Answer 1

您可以像這樣獲得下拉菜單的選定值

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

同樣，您可以執行此操作以獲取文本

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

Answer 2

嘗試這個：

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