使用javascript獲取下拉框值？

Question

我想獲取當前選定的值，我只是想提醒它。

我現在有這樣的：

<script type="text/javascript"> 

alert(forms.elements('sets').value); 

</script> 

HTML：

<form> 
<select name="sets"> 
    <option value="1">1 Set</option> 
    <option value="2">2 Sets</option> 
    <option value="F">3 Sets</option> 
</select> 
</form> 

Answer 1

形成沒有ID：

var val = document.forms[0].sets.value - 第一個表單頁面上

命名錶單（form名稱= 「myForm」） - 不會在某些文檔類型中生效：

var val = document.myForm.sets.value;

形式ID（格式ID = 「myForm會」）：

var val = document.getElementById("myForm").sets.value;

龍版本：

var sets = document.myForm.sets;
var val = sets.options[sets.selectedIndex].value;

沒有形式 - 沒有ID在選擇：

var val = document.getElementsByName("sets")[0].value; - 與頁面

隨着對選擇ID（選擇ID = 「套」），該名稱第一場

var val = document.getElementById("sets").value;

---

alert(val);

Answer 2

試試這個：

<form> 
<select name="sets"> 
    <option value="1">1 Set</option> 
    <option value="2">2 Sets</option> 
    <option value="F">3 Sets</option> 
</select> 
</form> 

<script type="text/javascript"> 
    var select = document.getElementsByName('sets')[0]; 
    alert(select.value); 
</script>