|
这是最近项目中用到的可编辑下拉框:这个是通过模拟出来的,你只需把下拉框的值赋予文本框就OK了。
<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style> .table1 { border:#000000 dashed; border-width:1 0 0 1 } .td1 { border:#000000 dashed; border-width:0 1 1 0 }</style><title>可编辑下拉框</title></head><body><table cellspacing="0" cellpadding="0" border="0" class="table1"> <tr> <td style="width:10%" class="td1">开始时间 *</td> <td width="120" class="td1"> <input name="begindata" type="text" value=""> <span style="absolute;margin-top:-5px;"> <span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:110px;height:19px;clip:rect(-1px 110px 110px 90px);"> <select name="begintime" id="begintime" style="width:110px;height:20px;margin:-2px;" onChange="begintimeChange(this)"> <%----%> </select> </span> <span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:90px;height:19px;"> <input type="text" name="begintime1" id="begintime1" value="" style="width:90px;height:15px;border:0pt;"> </span> </span> </td> <td style="width:10%" class="td1">结束时间 *</td> <td width="120" class="td1"> <input name="begindata" type="text" value=""> <span style="absolute;margin-top:-5px;"> <span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:120px;height:19px;clip:rect(-1px 120px 120px 100px);"> <select name="endtime" id="endtime" style="width:120px;height:20px;margin:-2px;" onChange="endtimeChange(this)"> </select> </span> <span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:100px;height:19px;"> <input type="text" name="endtime1" id="endtime1" value="" style="width:100px;height:15px;border:0pt;"> </span> </span> </td> </tr></table></body></html> 剩下就看你的具体应用了。 |
|