2010-10-27 124 views
14

如何確定在下拉菜單中選擇了哪些內容?在Javascript中。獲取下拉值

+0

可能重複[?如何讓下拉列表中選擇使用javascript的值(http://stackoverflow.com/問題/ 1085801 /如何獲得選定的價值下拉列表使用javascript) – 2010-10-27 02:07:21

+0

這通常是相當有幫助的,如果你在你的問題中包含一些代碼 – kurdtpage 2017-01-09 00:13:53

回答

32

如果你的下拉是這樣的:

<select id="thedropdown"> 
    <option value="1">one</option> 
    <option value="2">two</option> 
</select> 

,那麼你會使用類似:

var a = document.getElementById("thedropdown"); 
alert(a.options[a.selectedIndex].value); 

但像jQuery庫簡化了的東西:

alert($('#thedropdown').val()); 
+3

只是'a.value'會。 – casablanca 2010-10-27 01:29:17

+1

我在這裏深入挖掘,但我認爲'a.value'在某些瀏覽器中不起作用(可能是IE 6,哈哈)。無論如何,使用圖書館是最好的。 – cambraca 2010-10-27 01:43:38

+1

它適用於我所知道的所有瀏覽器,包括IE6。 (剛剛測試) – casablanca 2010-10-27 02:13:51

0

篩選:

$dd = document.getElementById("yourselectelementid"); 
$so = $dd.options[$dd.selectedIndex]; 
0
var dd = document.getElementById("dropdownID"); 
var selectedItem = dd.options[dd.selectedIndex].value; 
5

使用<select>元素的value屬性。例如:

var value = document.getElementById('your_select_id').value; 
alert(value); 
4
<select onchange = "selectChanged(this.value)"> 
    <item value = "1">one</item> 
    <item value = "2">two</item> 
</select> 

,然後javascript的...

function selectChanged(newvalue) { 
    alert("you chose: " + newvalue); 
}