我想在后台实现如下的功能
我有一个DropDownList下拉菜单,里面放着“上午”“下午”“全天”
后面有2个时间输入的textbox,用js时间控件一个为begintime,一个为endtime
Q:我在下拉菜单输入上午的时候,后面的begintime和endtime,分别显示7:00和12:00
我输入下午的时候,显示13:00和18:00,输入全天的时候,能显示7:00和18:00
请问,我怎么才能做到当下拉菜单变化的时候,后面的2个输入框也跟着变化
我想在后台实现如下的功能
我有一个DropDownList下拉菜单,里面放着“上午”“下午”“全天”
后面有2个时间输入的textbox,用js时间控件一个为begintime,一个为endtime
Q:我在下拉菜单输入上午的时候,后面的begintime和endtime,分别显示7:00和12:00
我输入下午的时候,显示13:00和18:00,输入全天的时候,能显示7:00和18:00
请问,我怎么才能做到当下拉菜单变化的时候,后面的2个输入框也跟着变化
你可以用html的select控件,那个对js的支持比较好,如:<select id="sel" runat="server"><option>上午</option><option>下午</option><option>全天</option></select>
然后你在空间里面增加一个onselectchange事件,如:onselectchange=“SelChange(this)”
再定义以下方法:
function SelChange(obj){
if(obj.value=="上午"){
document.getElementById("begintime").value="7:00";
document.getElementById("endtime").value="12:00";
}
else if(obj.value=="下午"){
document.getElementById("begintime").value="13:00";
document.getElementById("endtime").value="18:00";
}
else{
document.getElementById("begintime").value="7:00";
document.getElementById("endtime").value="18:00";
}
}
注意,如果begintime和endtime为asp空间,则要把document.getElementById("").value改成document.getElementById("").innerText
注意js的大小写问题,很重要,字母错就会报错,多查查相关资料