的Javascript不獲取下拉值

Question

我在下拉列表中爲2個值的列表...

 <select id="prop"> 
      <option value="Caa:123">Ca</option> 
      <option value="Cb:745">Cb</option> 
     </select> 

...並在JavaScript中我用...

 var p = document.getElementById('prop'); 
     var q = p.options[p.selectedIndex].value; 
     alert(q); 

...但我沒有得到任何警報和錯誤「索引或大小爲負值或大於允許值」代碼：「1」 請幫助我解決此問題

Answer 1

請試試類似：

var p = document.getElementById('prop'); 
var q = p.value; 
alert(q); 

Answer 2

這不是你的問題規範，但我會使用jQuery。這絕對是更容易處理，看起來更加整潔：

<select id="prop"> 
    <option value="Caa:123">Ca</option> 
    <option value="Cb:745">Cb</option> 
</select> 
<script> 
    alert($('#prop').val()); 

    $('#prop').change(function() { 
     alert($('#prop').val()); 
    }); 
</script> 

^{[View output]}