JavaScript 获取Select标签选中的项

<select name="select1" id="select1" onchange=setInput()>

     <option value="1">FIRST BLOOD</option>

     <option value="2">SECOND BLOOD</option>

     <option value="3">THIRD BLOOD</option>

     <option value="4">FOURTH BLOOD</option>

     <option value="5">FIFTH BLOOD</option>

     <option value="6">SIXTH BLOOD</option>

     <option value="7">SEVENTH BLOOD</option>

</select>

<input id="input" type="text" />

有一个select标签，里面有一些项，把select选中项的文本传递给input，javascript代码如下

<script type="text/javascript">

    

    function setInput(){

      var selectcontrol=document.getElementById ("select1");

      var text=document.getElementById("input");

      for(var i=0;i<selectcontrol.options.length;i++)

      {

        if(selectcontrol.options[i].selected)

        {

        text.value=selectcontrol.options[i].text;

        }

      }

    }

</script>

或者可以将选中的值传递过去

text.value=selectcontrol.options[i].value;

另一种方法可以直接将select选中的值传递给text:

<select name="selector" onchange=setInput(this.value)>

   <option value="1">FIRSTBLOOD</option>

</select>

<input type="text" id="text"/>





<script type="text/javascript">

  function setInput(value){

      var text=document.getElementById("text");

      text.value=value;

  }

</script>