<input name="a" type="text"
</p>
<select name="b" id="sel">
<option value="老师">老师</option>
<option value="学生">学生</option>
<option value="校长">校长</option>
</select>
再不改value="老师"或者value="学生"...的情况下实现选择下拉列表 选择老师的时候 文本域中出现1 选择学生的时候文本域出现2 以此类推.....
用javascript 可以实现
<SCRIPT LANGUAGE="JavaScript"> function getKeyTagValue() { var arr = document.form1.select.value; document.form1.se.value=arr; } </SCRIPT> <form name="form1" method="post" action="">
<input name="se" type="text" > </p> <select name="select" onchange="getKeyTagValue()"> <option value="老师">老师</option> <option value="学生">学生</option> <option value="校长">校长</option> </select> </form>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head>
<body> <p> <input name="" type="text" id="a"> </p> <select name="" id="sel"> <option value="老师">老师</option> <option value="学生">学生</option> <option value="校长">校长</option> </select> <script type="text/javascript"> var sel=document.getElementById("sel"); sel.onchange=function(){ var a=document.getElementById("a"); a.value=this.selectedIndex+1; } </script> </body> </html>
<input name="a" type="text"> </p> <select name="b" id="sel" onchange="initTxtBox(this)"> <option value="1">老师</option> <option value="2">学生</option> <option value="3">校长</option> </select>
<script>function initTxtBox(obj){ var value = obj.value; document.getElementById("a").value = value; }</script>