选择一个选择的项目

时间:2010-01-05 15:44:54

标签: php javascript html

当我点击按钮时,我需要在页面中选择组合框的特定项目。 我在我的页面中使用php和javascript代码。

其实我在按钮的“onclick”上调用了一个javascript函数。但我仍然没有得到正确的命令。

示例:

<select id="TEST">
<option> a</option>
<option> b</option>
<option> c</option>
</select>

我想在按下按钮时显示项目b。

2 个答案:

答案 0 :(得分:6)

<select id="select1">
    ...
</select>
<button onclick="chooseItem('select1', 1)">
<script type="text/javascript">
    function chooseItem(id, index){
        var selectElement = document.getElementById(id);
        selectElement.selectedIndex = index;
    }
</script>

或使用jQuery:

<select id="select1">
    ...
</select>
<button id="button1">
<script type="text/javascript">
   $(document).ready(function(){
       $("#button1").click(function(e){
           $("#select1").each(function(){
               this.selectedIndex = 1;
           });
       });
   });

 });

答案 1 :(得分:1)

使用selectedIndex属性。