js控制下拉列表选择值，改变文本框值

<form name="myForm">
请选择：<select name="myCity" >
  <option value="">请选择</option>
  <option value="0">维修人员</option>
  <option value="1">开发人员</option>
  <option value="2">销售人员</option>
  </select><br>
<input name="address" type="text"><br />
</form>
我想用js控制选择select值时，address显示相应的值，如选择“维修人员”，address中就显示“维修人员”，不要改变option value的值，因为在其他地方要用。可以实现吗？

解决方案 »

  1.   

    <html>
    <title>testpage</title>
    <head>
      <script>
        function onchanged(){       var txt=document.form1.txt.value
      
             //document.getElementById('depaterment').value=document.getElementById('txt').value;   
             document.getElementById('txt').value=document.getElementById('depaterment').value;
             //alert(txt);
        }
      
      </script><head>
    <body><form name="form1"><select name="depaterment" id="depaterment" onchange="onchanged()" > <option value="111">部门111</option>
    <option value="222">部门222</option>     
    <option value="333">部门333</option>     
    <option value="444">部门444</option>  
    <option value="555">部门555</option> 
    </select>
    <input type="text" name="txt" value="" id="txt"/>
    <input type="button" name="btn" value="查询" onclick="onchanged()" /></form>
    </body>
    </html>
      

  2.   

    <html> <title>testpage</title> <head> <script> function onchanged(){ var <html>
    <title>testpage</title>
    <head>
      <script>
        function onchanged(obj){  
      
             document.getElementById('txt').value=obj.options[obj.selectedIndex].text;
             //alert(txt);
        }
      
      </script><head>
    <body><form name="form1"><select name="depaterment" id="depaterment" onchange="onchanged()" > <option value="111">部门111</option>
    <option value="222">部门222</option>     
    <option value="333">部门333</option>     
    <option value="444">部门444</option>  
    <option value="555">部门555</option> 
    </select>
    <input type="text" name="txt" value="" id="txt"/>
    <input type="button" name="btn" value="查询" onclick="onchanged(this)" /></form>
    </body>
     </html>
      

  3.   

    好像没明白我的意思，我是希望显示是选择的值，以二楼的代码作为例子，希望选择“部门111”，txt文本框中显示“部门111”，而不是显示“111”，可以实现吗？
      

  4.   


    <html>
    <title>testpage</title>
    <head>
      <script>
        function onchanged(){
            var depaterment = document.getElementById('depaterment') ;
             document.getElementById('txt').value=depaterment.options[depaterment.selectedIndex].text;
        }
      
      </script><head>
    <body><form name="form1"><select name="depaterment" id="depaterment" onchange="onchanged()" > <option value="111">部门111</option>
    <option value="222">部门222</option>     
    <option value="333">部门333</option>     
    <option value="444">部门444</option>  
    <option value="555">部门555</option> 
    </select>
    <input type="text" name="txt" value="" id="txt"/>
    <input type="button" name="btn" value="查询" onclick="onchanged()" /></form>
    </body>
    </html>
      

  5.   

    你数错楼了 呵呵  1楼取的是value  2楼取的是text  2楼（老胡）是正确的。