<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" οnchange=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>