以下是简单的代码:
<form method="POST" name="Myform" action="Save.asp?action=add" target="_self">
<table width="620" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#DEDFDE">
<tr align="center" bgcolor="#FFFFFF">
<td width="90" height="30" valign="middle" bgcolor="#f7f7f7">性 别</td>
<td width="524" height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="SexN" type="text" id="SexN" size="15">
<select name="sex" id="sex" onChange="Checked(SexN,sex)">
<option value="0" selected>请选择</option>
<option value="男">男教师</option>
<option value="女">女教师</option>
</select></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="30" valign="middle" bgcolor="#f7f7f7">职 称</td>
<td height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="Zhicheng1" type="text" id="Zhicheng1" size="15">
<select name="zhicheng" id="zhicheng" onChange="Checked(ZhiN,zhicheng)">
<option value="0" selected>请选择</option>
<option value="教 授">教 授</option>
<option value="副教授">副教授</option>
<option value="讲 师">讲 师</option>
<option value="助 教">助 教</option>
</select></td>
</tr>
</table>
</form>想实现的效果是:
当选择右边的下拉列表时 左边的输入框中就显示 右边下拉列表的值,请问怎么写这个函数 呢! 这里我取名为 Checked(StrN,StrO) 谢谢帮忙!!
<form method="POST" name="Myform" action="Save.asp?action=add" target="_self">
<table width="620" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#DEDFDE">
<tr align="center" bgcolor="#FFFFFF">
<td width="90" height="30" valign="middle" bgcolor="#f7f7f7">性 别</td>
<td width="524" height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="SexN" type="text" id="SexN" size="15">
<select name="sex" id="sex" onChange="Checked(SexN,sex)">
<option value="0" selected>请选择</option>
<option value="男">男教师</option>
<option value="女">女教师</option>
</select></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="30" valign="middle" bgcolor="#f7f7f7">职 称</td>
<td height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="Zhicheng1" type="text" id="Zhicheng1" size="15">
<select name="zhicheng" id="zhicheng" onChange="Checked(ZhiN,zhicheng)">
<option value="0" selected>请选择</option>
<option value="教 授">教 授</option>
<option value="副教授">副教授</option>
<option value="讲 师">讲 师</option>
<option value="助 教">助 教</option>
</select></td>
</tr>
</table>
</form>想实现的效果是:
当选择右边的下拉列表时 左边的输入框中就显示 右边下拉列表的值,请问怎么写这个函数 呢! 这里我取名为 Checked(StrN,StrO) 谢谢帮忙!!
<table width="620" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#DEDFDE">
<tr align="center" bgcolor="#FFFFFF">
<td width="90" height="30" valign="middle" bgcolor="#f7f7f7">性 别</td>
<td width="524" height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="SexN" type="text" id="SexN" size="15">
<select name="sex" id="sex" onChange="Checked(document.getElementById('SexN'),document.getElementById('sex'))">
<option value="0" selected>请选择</option>
<option value="男">男教师</option>
<option value="女">女教师</option>
</select></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="30" valign="middle" bgcolor="#f7f7f7">职 称</td>
<td height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="Zhicheng1" type="text" id="Zhicheng1" size="15">
<select name="zhicheng" id="zhicheng" onChange="Checked(document.getElementById('Zhicheng1'),document.getElementById('zhicheng'))">
<option value="0" selected>请选择</option>
<option value="教 授">教 授</option>
<option value="副教授">副教授</option>
<option value="讲 师">讲 师</option>
<option value="助 教">助 教</option>
</select></td>
</tr>
</table>
</form>
<script>
function Checked(obj1,obj2){
obj1.value = obj2.value;
}
</script>
var index = StrO.selectedIndex;
if(index == 0){
StrN.value = "";
}else{
StrN.value = StrO.item(index).innerText;
}
}
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function Checked(source,select)
{
source.value = select.options[select.selectedIndex].text;
}
//-->
</SCRIPT>
</HEAD><BODY>
<form method="POST" name="Myform" action="Save.asp?action=add" target="_self" ID="Form1">
<table width="620" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#DEDFDE" ID="Table1">
<tr align="center" bgcolor="#FFFFFF">
<td width="90" height="30" valign="middle" bgcolor="#f7f7f7">性 别</td>
<td width="524" height="30" align="left" valign="middle" bgcolor="#f7f7f7"><input name="SexN" type="text" id="SexN" size="15">
<select name="sex" id="sex" onChange="Checked(document.all.SexN,document.all.sex)">
<option value="0" selected>请选择</option>
<option value="男">男教师</option>
<option value="女">女教师</option>
</select></td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td height="30" valign="middle" bgcolor="#f7f7f7">职 称</td>
<td height="30" align="left" valign="middle" bgcolor="#f7f7f7">
<input name="ZhiN" type="text" id="ZhiN" size="15">
<select name="zhicheng" id="zhicheng" onChange="Checked(document.all.ZhiN,document.all.zhicheng)">
<option value="0" selected>请选择</option>
<option value="教 授">教 授</option>
<option value="副教授">副教授</option>
<option value="讲 师">讲 师</option>
<option value="助 教">助 教</option>
</select></td>
</tr>
</table>
</form>
</BODY>
</HTML>