下拉列表选择的内容显示在文本框中

时间：2007-10-22 来源：little_cat

<form action="time3.jsp" method=post name=form1>
<input type=text name="useridle" readonly>
<select name="day" onchange="document.all.useridle.value=document.all.useridle.value+day.options[selectedIndex].text">
<option selected>请选择星期几</option>
<option>星期一</option>
<option>星期二</option>
<option>星期三</option>
<option>星期四</option>
<option>星期五</option>
</select>
<select name="time" onchange="document.all.useridle.value=document.all.useridle.value+time.options[selectedIndex].text">
<option selected>请选择时间段</option>
<option>9:00-10:00</option>
<option>10:00-11:00</option>
<option>11:00-12:00</option>
<option>13:30-14:30</option>
<option>14:30-15:30</option>
<option>15:30-17:00</option>
</select>
<input type="submit" name=submit value=" 提交 ">
<input type="reset" name=reset value=" 取消 ">
</form> 在以上代码的基础上，加一些控制：提示选择的话语（请选择星期几，请选择时间段）不能选择；如果这个文本框只是一个表单中的一项，如果想重新选择时间，为了避免用“取消”造成整个表单的重新填写，达到仅重新填写文本框的内容，在后面加一个按钮。 <HTML>
<body>
<form action="time3.jsp" method=post name=form1>
<input type=text name="useridle" readonly>
<select name="day" onchange=document.all.useridle.value=document.all.useridle.value+(day.selectedIndex!=0?day.options[selectedIndex].text:"")>
<option selected>请选择星期几</option>
<option>星期一</option>
<option>星期二</option>
<option>星期三</option>
<option>星期四</option>
<option>星期五</option>
</select>
<select name="time" onchange=document.all.useridle.value=document.all.useridle.value+(time.selectedIndex!=0?time.options[selectedIndex].text:"")>
<option selected>请选择时间段</option>
<option> 9:00-10:00 </option>
<option> 10:00-11:00 </option>
<option> 11:00-12:00 </option>
<option> 13:30-14:30 </option>
<option> 14:30-15:30 </option>
<option> 15:30-17:00 </option>
</select>
<input type="button" name=button value=" 重选 " onClick=document.all.useridle.value="">
</form>
</BODY>
</HTML>