两个下拉框的联动功能实现

最新推荐文章于 2024-05-14 14:48:12 发布
最新推荐文章于 2024-05-14 14:48:12 发布
阅读量2.4k 收藏
点赞数
分类专栏： 网站建设 文章标签： generator xhtml html function table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/freejs/article/details/3273696
版权
<!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" οnchange="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>
piperzero
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE下拉框双向联动
程序大视界
04-01 1万+
VUE实现多个下拉框双向联动效果
Vue 实现二个下拉框的联动
好记性，不如烂键盘。
09-24 1359
Vue 实现二个下拉框的联动。
Excel实用技巧-三级下拉菜单联动（10分钟通关）
最新发布
zwldn的博客
05-14 1270
10分钟速成-下拉筛选框联动，小白轻松入门，快快操练起来吧
如何使两个select联动
azyxa1的博客
10-12 290
我本来想的更简单，因为都是从数据库里面取的数据，我刚开始想着直接在flask渲染template的时候就传options过来，onchange的时候js里面用{{options}}就行也不用ajax请求了，后来发现js里面不能用{{}}，还得传，而且不是json格式还会报错，后端就重写了个方法传json过来。最近在用flask写一个数据看板，其中有一个图表，要用到联动下拉选项，比如我在A选项中已经选定了数据范围，B选项就也要实时更新，避免选项对不上，或者返回数据为空的情况。
【泛微ecology】两个下拉框字段选了A下拉框字段自动带出B下拉框字段对应位置数据
fwecology的博客
05-27 2398
<script> jQuery(document).ready(function(){ WfForm.bindDetailFieldChangeEvent("field14538",function(id,rowIndex,value){ WfForm.changeFieldValue("field14539"+"_"+rowIndex, {value:value}); }); }); </script>
C#省份城市下拉框联动简单实现方法
09-04
主要介绍了C#省份城市下拉框联动简单实现方法,涉及字典的定义与索引的用法,是非常实用的技巧,需要的朋友可以参考下
MVC实现下拉框联动效果（单选）
10-19
首先，我们需要在视图（View）中设置两个下拉框，分别表示部门（dept）和职位（job）。在HTML代码中，我们使用`@Html.DropDownListFor`辅助方法创建这两个下拉框，并通过`Model`对象将数据绑定到它们。同时，我们还...
extJs 下拉框联动实现代码
10-29
ExtJs 下拉框联动实现代码详解 ExtJs 是一个功能强大且灵活的 JavaScript 框架...然后，我们创建了两个下拉框控件，使用 `listeners` 事件来实现下拉框联动。 ExtJs 的强大功能使得我们可以轻松地实现复杂的业务逻辑。
帆软FineReport实现下拉框控件多级联动查询模板 + SQL脚本
07-01
多级联动则意味着当用户在一个下拉框中做出选择时，其他关联的下拉框会根据这个选择自动更新其选项，从而实现更精确的查询。这种功能通常用于处理层级关系复杂的数据，例如地区、部门、职位等。资源中的“下拉框参数...
vue el-select 2个下拉框联动时产生的无法选中值的bug
lianxueliushi的博客
07-23 2207
el-select 2个下拉框联动时产生的无法选中值的bug解决办法
laravel select联动
t595981879的博客
03-08 1469
$form-&gt;select('product_category_id','产品类别')-&gt;options(ProductCategory::where('parent_id',0)-&gt;pluck('title','id'))-&gt;load('product_category_er_id', '/admin/product_category_er'); $f...
antd vue 多个下拉 联动_Vue中h5三个下拉框实现省级联动
weixin_28993425的博客
12-23 1149
请选择您所在的区域v-for="item in provincOptions":key="item.id":label="item.area_name":value="item.id">v-for="item in cityOptions":key="item.id":label="item.area_name":value="item.id">v-for="item in count...
二级联动下拉菜单
cy29403的博客
08-28 630
html+js html部分： <select id="select-province"> <option value="-1">请选择省份</option> </select> <select id="select-city"> <option value="-1">请选择地级市</option&gt...
vue两个下拉框联动
06-01
实现两个下拉框联动的方法有很多，以下是一个基于 Vue 的示例： HTML 代码： ``` 省份： <option v-for="province in provinces" :value="province">{{ province }} 城市： ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值