在文本框中显示option的值

Question

<form>
  <input type="text"  name="text" /><select   name="sel"   id="sel"  onchange="f();" >   
      <option  value="niu" >牛</option>   
      <option   value="ma"  >马</option>   
      <option    value="yang" >羊</option>   
      <option   value="zhu" >猪</option>   
  </select>  
</form>
<script>   
  function   f()   
  {   
  document.forms[0].text.value = document.all["sel"].options[document.all["sel"].selectedIndex].innerText;  }   
  </script>

Answer 1

<form>
  <input id="txt" type="text"  name="text" /><select name="sel"   id="sel"  onchange="f();" >   
      <option  value="niu" >牛</option>   
      <option   value="ma"  >马</option>   
      <option    value="yang" >羊</option>   
      <option   value="zhu" >猪</option>   
  </select>  
</form>
<script>   
  function   f()   
  { 
    var sel = document.getElementById("sel");
    document.getElementById("txt").value = sel.options[sel.options.selectedIndex].text;
  }   
  </script>

Answer 2

<select   name="sel"   id="sel"  onchange="f();" >   
      <option  value="niu" >牛</option>   
      <option   value="ma"  >ma</option>   
      <option    value="yang" >羊</option>   
      <option   value="zhu" >猪</option>   
  </select>  
</form>
<script>   
  function   f()   
  {   
  document.forms[0].text.value = document.all["sel"].options[ document.all["sel"].selectedIndex].innerText;  }   
  </script>

Answer 3

我也弄出来了，不过仍然谢谢你  s_liangchao1s