我有依赖的下拉框,如下面的场景所示.任何人都可以建议如何使用JQuery / Javascript实现结果？
场景：
HH1: 编辑：对不起,我忘了提到通过javascript(for循环)填充选项.我只需要知道如何根据HH1选择值使HH2动态化.如果用户在选项HH1(小时)中选择3,我想在HH2中仅显示3-0(其中0是24小时)选项.我不想看1-2.基本上,HH2依赖于HH1中的选定值 – 这在JavaScript中是否可行？如果可能的话,请你告诉我怎么样？最佳答案var drop2 = $("select[name=drop2] option"); // the collection of initial options$("select[name=drop1]").change(function(){ var drop1selected = parseInt(this.value); //get drop1 's selected value $("select[name=drop2]") .html(drop2) //reset dropdown list .find('option').filter(function(){ return parseInt(this.value) < drop1selected; //get all option with value < drop1's selected value }).remove(); // remove});http://jsfiddle.net/HTEkw/ jquery 上一篇：jQuery UI对话框closeOnEscape不适下一篇：javascript – jQuery将数据加载 猜你在找的jQuery相关文章 《锋利的jQuery》笔记：插件的使用和写法 jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的... 作者：前端之家 时间：2020-12-28 jQuery插件开发入门 扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery... 作者：前端之家 时间：2020-12-28 jquery.roundabout.js实现3D图片层叠旋转木马切换 最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。 兼容... 作者：前端之家 时间：2020-12-28 jQuery效果之jQuery实现图片的依次加载图片 css代码： js代码： 作者：前端之家 时间：2020-12-28 jQuery之deferred对象详解 一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。... 作者：前端之家 时间：2020-12-28 jQuery插件开发进阶 jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能... 作者：前端之家 时间：2020-12-28 jQuery 实现邮箱输入自动提示功能：（一） 记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写... 作者：前端之家 时间：2020-12-28 jQuery插件之上传文件ajaxfileupload.js源码与使用 在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，... 作者：前端之家 时间：2020-12-28 jQuery效果之封装一个文章图片弹出放大效果 首先先搭写一个基本的格式： 然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递... 作者：前端之家 时间：2020-12-28 《从零开始学习jQuery》：用jQuery操作元素的属性与样式 元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也... 作者：前端之家 时间：2020-12-28 编程分类 HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号 最新文章 • 《锋利的jQuery》笔记：插• jQuery插件开发入门• jquery.roundabout.js实现• jQuery效果之jQuery实现图• jQuery之deferred对象详解• jQuery 对AMD的支持（Requ• jQuery插件开发进阶• jQuery 实现邮箱输入自动提• jQuery插件之上传文件ajax• jQuery效果之封装一个文章 热门标签 更多 ► 关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作 最近更新· 小米手机重装系统价格多少?专业维修服务详解02-05· 手把手教你重装电脑系统,让你的电脑焕然一新!02-05· 教你一步步重装XP系统,让你的电脑重获新生02-05· 从备份到上网:一步步教你重装电脑系统02-05· Sony笔记本电脑一键重装系统详细图文教程02-05· Lenovo笔记本重装系统超详细教程，小白也能轻松...02-05· 联想笔记本一键重装Win10系统详细教程02-05· 电脑系统故障无需愁,专业维修店帮你重装旧貌换新...02-05· 联想笔记本一键重装Win10系统图文教程，小白也能...02-05· 笔记本重装系统图文教程：从光盘启动一步到位02-05 好站推荐 菜鸟教程 编程之家 前端之家 商务合作 联系我们 Copyright © 2019 前端之家. 当前版本 V7.0.16 前端之家 版权所有 闽ICP备13020303号-10
HH1:
编辑：对不起,我忘了提到通过javascript(for循环)填充选项.我只需要知道如何根据HH1选择值使HH2动态化.
如果用户在选项HH1(小时)中选择3,我想在HH2中仅显示3-0(其中0是24小时)选项.我不想看1-2.
基本上,HH2依赖于HH1中的选定值 – 这在JavaScript中是否可行？如果可能的话,请你告诉我怎么样？
最佳答案
var drop2 = $("select[name=drop2] option"); // the collection of initial options
$("select[name=drop1]").change(function(){
var drop1selected = parseInt(this.value); //get drop1 's selected value
$("select[name=drop2]")
.html(drop2) //reset dropdown list
.find('option').filter(function(){
return parseInt(this.value) < drop1selected; //get all option with value < drop1's selected value
}).remove(); // remove
});
http://jsfiddle.net/HTEkw/
jquery
上一篇：jQuery UI对话框closeOnEscape不适下一篇：javascript – jQuery将数据加载
猜你在找的jQuery相关文章
《锋利的jQuery》笔记：插件的使用和写法
jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的...
作者：前端之家 时间：2020-12-28
jQuery插件开发入门
扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery...
jquery.roundabout.js实现3D图片层叠旋转木马切换
最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。 兼容...
jQuery效果之jQuery实现图片的依次加载图片
css代码： js代码：
jQuery之deferred对象详解
一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。...
jQuery插件开发进阶
jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能...
jQuery 实现邮箱输入自动提示功能：（一）
记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写...
jQuery插件之上传文件ajaxfileupload.js源码与使用
在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，...
jQuery效果之封装一个文章图片弹出放大效果
首先先搭写一个基本的格式： 然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递...
《从零开始学习jQuery》：用jQuery操作元素的属性与样式
元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也...
编程分类
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
最新文章
• 《锋利的jQuery》笔记：插
• jQuery插件开发入门
• jquery.roundabout.js实现
• jQuery效果之jQuery实现图
• jQuery之deferred对象详解
• jQuery 对AMD的支持（Requ
• jQuery插件开发进阶
• jQuery 实现邮箱输入自动提
• jQuery插件之上传文件ajax
• jQuery效果之封装一个文章
热门标签
更多 ►
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作
最近更新· 小米手机重装系统价格多少?专业维修服务详解02-05
· 手把手教你重装电脑系统,让你的电脑焕然一新!02-05
· 教你一步步重装XP系统,让你的电脑重获新生02-05
· 从备份到上网:一步步教你重装电脑系统02-05
· Sony笔记本电脑一键重装系统详细图文教程02-05
· Lenovo笔记本重装系统超详细教程，小白也能轻松...02-05
· 联想笔记本一键重装Win10系统详细教程02-05
· 电脑系统故障无需愁,专业维修店帮你重装旧貌换新...02-05
· 联想笔记本一键重装Win10系统图文教程，小白也能...02-05
· 笔记本重装系统图文教程：从光盘启动一步到位02-05
好站推荐 菜鸟教程 编程之家 前端之家
商务合作
联系我们
Copyright © 2019 前端之家. 当前版本 V7.0.16
前端之家 版权所有
闽ICP备13020303号-10
