js 的用法实例（开发常用型）

今天在csdn的问题库中看到这样一篇,觉得有点问题,于是调试了一下:

<input type="text" name="sex" size="5">
<select size="1" name="d1">
<option selected>男</option>
<option>女</option>
</select>
如何使text里的值显示select的选择结果。即我选择男文本框就显示男，选择女文本框就显示女
先谢谢各位师兄了
---------------------------------------------------------------

<form name="frm" action="" method="post">
<input type="text" name="sex" size="5">
<select size="1" name="d1" onchange="change()">
<option selected>男</option>
<option>女</option>
</select>
</form>
<script language="javascript">
function change()
{
 frm.sex.value=frm.d1.options[d1.selectedIndex].text;
}
</script>
另外 你的select最好规范写
<option value="传递的值" selected>显示的值</option>

标准代码是:

<script language="javascript">
function change()
{
document.f1.sex.value=document.f1.d1.options[f1.d1.selectedIndex].value;
return true;
}
</script>
<form name="f1" action="" method="post">
<input type="text" name="sex" size="8">
<select name="d1" onchange="change()" id="d1">
  <option value="男" selected>男</option>
  <option value="女">女</option>
</select>
</form>

注意粗体处;另外我们也可以用:

var d=document.getElementById("d1");

document.f1.sex.value=d.options[d.selectedIndex].value;