两个下拉框的联动功能实现
2008-11-11 09:24
267 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="../js/prototype.js"></script>
</head>
<body>
<table>
<tr>
<td><label>开始时间</label></td>
<td>
<select name="fromTime" onchange="cs_set_first_time();"><option value="0">13:00</option>
<option value="1">13:30</option>
<option value="2">14:00</option>
<option value="3">14:30</option>
<option value="4">15:00</option>
<option value="5">15:30</option>
<option value="6">16:00</option>
<option value="7">16:30</option>
<option value="8">17:00</option>
<option value="9">17:30</option>
<option value="10">18:00</option>
<option value="11">18:30</option>
<option value="12">19:00</option>
<option value="13">19:30</option>
<option value="14">20:00</option>
<option value="15">20:30</option>
<option value="17">21:30</option>
<option value="16">21:00</option>
<option value="19">22:30</option>
<option value="18">22:00</option>
<option value="20">23:00</option></select>
</td>
</tr>
<tr>
<td><label>结束时间</label></td>
<td>
<select name="toTime"><option value="0">13:00</option>
<option value="1">13:30</option>
<option value="2">14:00</option>
<option value="3">14:30</option>
<option value="4">15:00</option>
<option value="5">15:30</option>
<option value="6">16:00</option>
<option value="7">16:30</option>
<option value="8">17:00</option>
<option value="9">17:30</option>
<option value="10">18:00</option>
<option value="11">18:30</option>
<option value="12">19:00</option>
<option value="13">19:30</option>
<option value="14">20:00</option>
<option value="15">20:30</option>
<option value="17">21:30</option>
<option value="16">21:00</option>
<option value="19">22:30</option>
<option value="18">22:00</option>
<option value="20">23:00</option></select>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function cs_set_first_time(){
$(toTime).value=parseInt($F(fromTime))+2
}
//-->
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="../js/prototype.js"></script>
</head>
<body>
<table>
<tr>
<td><label>开始时间</label></td>
<td>
<select name="fromTime" onchange="cs_set_first_time();"><option value="0">13:00</option>
<option value="1">13:30</option>
<option value="2">14:00</option>
<option value="3">14:30</option>
<option value="4">15:00</option>
<option value="5">15:30</option>
<option value="6">16:00</option>
<option value="7">16:30</option>
<option value="8">17:00</option>
<option value="9">17:30</option>
<option value="10">18:00</option>
<option value="11">18:30</option>
<option value="12">19:00</option>
<option value="13">19:30</option>
<option value="14">20:00</option>
<option value="15">20:30</option>
<option value="17">21:30</option>
<option value="16">21:00</option>
<option value="19">22:30</option>
<option value="18">22:00</option>
<option value="20">23:00</option></select>
</td>
</tr>
<tr>
<td><label>结束时间</label></td>
<td>
<select name="toTime"><option value="0">13:00</option>
<option value="1">13:30</option>
<option value="2">14:00</option>
<option value="3">14:30</option>
<option value="4">15:00</option>
<option value="5">15:30</option>
<option value="6">16:00</option>
<option value="7">16:30</option>
<option value="8">17:00</option>
<option value="9">17:30</option>
<option value="10">18:00</option>
<option value="11">18:30</option>
<option value="12">19:00</option>
<option value="13">19:30</option>
<option value="14">20:00</option>
<option value="15">20:30</option>
<option value="17">21:30</option>
<option value="16">21:00</option>
<option value="19">22:30</option>
<option value="18">22:00</option>
<option value="20">23:00</option></select>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function cs_set_first_time(){
$(toTime).value=parseInt($F(fromTime))+2
}
//-->
</script>
</body>
</html>
相关文章推荐
- AJAX+PHP+MYSQL实现两个下拉框间的数据联动
- 通过创建元素从而实现两个下拉框的联动效果
- ASP.NET——实现两个下拉框动态联动
- ASP.NET——两个下拉框来实现动态联动
- 利用JS实现两个组合框(或者叫下拉框)的联动
- php 实现两个select下拉框的数据联动
- Yii2使用dropdownlist实现地区三级联动功能的方法
- 收藏一篇关于 用两个栈实现一个队列功能的帖子
- 城市三级联动功能实现
- 最多只能选择两个多选框的jQuery功能实现
- Ajax联动下拉框的实现例子
- 用两个栈实现一个队列功能
- 使用两个堆栈实现队列功能
- js实现两个单选按钮,选不同的选项弹出显示不同的下拉框
- Easyui笔记1:实现combobox下拉框检索匹配功能
- Easyui笔记1:实现combobox下拉框检索匹配功能
- 用两个栈实现队列的功能
- 了从两个或多个表中选出数据,我们一般使用表连接来实现这个功能。
- 实现三级联动下拉框&nbsp;下拉列表…
- wheel自定义控件,实现城市三级联动,时间选择的功能简单使用