Javascript没有获取下拉值

时间:2011-07-22 22:55:07

标签: javascript

我在下拉列表中列出了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”                   请帮助我解决这个问题

2 个答案:

答案 0 :(得分:1)

试试这样:

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

答案 1 :(得分:1)

这不在您的问题规范中,但我会使用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]