如何通过索引选择选项

时间:2014-10-23 05:18:49

标签: javascript jquery

在我的JSP页面中,我使用JS设置选择'selected'选项,如:

<script>
    $(function() {
        document.getEleMentById('test').options[1].selected = 'selected';
    });
</script>

e是:sele

<Select id='test'>
    <option value='ruby'>ruby</option>
    <option value='saab'>saab</option>
    <option value='nrro'>nrro</option>
<select>

结果是:选择了 saab 选项,但浏览器显示 ruby​​ (默认选中)。

1 个答案:

答案 0 :(得分:1)

您在getElementById函数中有错误,该代码是正确的:

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id='test'>
 <option value='ruby'>ruby</option>
 <option value='saab'>saab</option>
 <option value='nrro'>nrro</option>
<select>
<script>
   $(function(){
      document.getElementById('test').options[1].selected = 'selected';
   });
</script>
&#13;
&#13;
&#13;