Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery更改级联选择项_Javascript_Jquery_Html_Jquery Ui_Select - Fatal编程技术网

Javascript 使用jquery更改级联选择项

Javascript 使用jquery更改级联选择项,javascript,jquery,html,jquery-ui,select,Javascript,Jquery,Html,Jquery Ui,Select,我想为实现重复,我有3个选择,即当select1更改时,它必须更改select2和select3 如果更改了select2,则必须更改select3 对于select1的某些值,select3必须隐藏 例如, 选择具体日期和时间select1 select2和select3都应该隐藏 已选择分钟计时器选择1 选择2应每分钟加载一次,每5分钟加载一次。。。列表 隐藏选择3 已选择小时计时器select1 选择2应每小时加载一次,每2小时加载一次。。。列表 隐藏选择3 已选择日期计时器select1

我想为实现重复,我有3个选择,即当select1更改时,它必须更改select2和select3

如果更改了select2,则必须更改select3

对于select1的某些值,select3必须隐藏

例如,

选择具体日期和时间select1 select2和select3都应该隐藏

已选择分钟计时器选择1 选择2应每分钟加载一次,每5分钟加载一次。。。列表 隐藏选择3

已选择小时计时器select1 选择2应每小时加载一次,每2小时加载一次。。。列表 隐藏选择3

已选择日期计时器select1 选择2应在午夜至凌晨1点、凌晨1点至下午2点加载。。。列表 隐藏选择3

已选择周计时器select1 选择2应在每周一、每周二加载。。。列表 选择3应在午夜至凌晨1点、凌晨1点至下午2点加载。。。名单

已选择月份计时器select1 选择2应加载1、2。。。列表 选择3应在午夜至凌晨1点、凌晨1点至下午2点加载。。。名单

我无法按预期执行

Javascript

变量$select1=$'select1', $select2=$'select2', $select3=$'select3', $options=$select2.find'option'; $select1.on“更改”功能E{ $select2.html$options.filter'[data id='+$this.find':selected'.dataid+']; }.触发“改变”; $select2.on“更改”功能E{ $select3.html$options.filter'[data id='+$this.find':selected.datawww+']; }.触发“改变”; 具体日期和时间 分钟计时器 计时器 日间计时器 周计时器 月计时器 每分钟 每5分钟 每10分钟 每15分钟 每30分钟 每小时 每2小时 每4小时 每6小时 每8小时 每12小时 午夜至凌晨1点 凌晨1时至2时 凌晨2点到3点 凌晨三时至四时 上午4时至5时 上午5时至6时 上午6时至7时 上午7时至8时 上午8时至9时 上午9时至10时 上午10时至11时 上午11时至中午12时 中午至下午1时 下午1时至2时 下午2时至3时 下午三时至四时 下午4时至5时 下午五时至六时 下午六时至七时 晚上七时至八时 晚上八时至九时 晚上九时至十时 晚上十时至十一时 晚上十一时至午夜十二时 每周一 每周二 每周三 每周四 星期五 每周六 每周日 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 午夜至凌晨1点 凌晨1时至2时 凌晨2点到3点 凌晨三时至四时 上午4时至5时 上午5时至6时 上午6时至7时 上午7时至8时 上午8时至9时 上午9时至10时 上午10时至11时 上午11时至中午12时 中午至下午1时 下午1时至2时 下午2时至3时 下午三时至四时 下午4时至5时 下午五时至六时 下午六时至七时 晚上七时至八时 晚上八时至九时 晚上九时至十时 晚上十时至十一时 晚上十一时至午夜十二时 午夜至凌晨1点 凌晨1时至2时 凌晨2点到3点 凌晨三时至四时 上午4时至5时 上午5时至6时 上午6时至7时 上午7时至8时 上午8时至9时 上午9时至10时 上午10时至11时 上午11时至中午12时 中午至下午1时 下午1时至2时 下午2时至3时 下午三时至四时 下午4时至5时 下午五时至六时 下午六时至七时 晚上七时至八时 晚上八时至九时 晚上九时至十时 晚上十时至十一时 晚上十一时至午夜十二时
将所有javascript代码包装到

$document.readyfunction{ //这里是javascript代码
};

我认为您实际需要的是处理$select1的更改事件,然后隐藏/显示选项,而不是更改每个select的整个html。试试这个:

变量$select1=$'select1', $select2=$'select2', $select3=$'select3'; $select1.在“更改”上,函数E{ var active=$this.find':selected'.data'id'; $select2.show.find'option.hide.filterfunction{ 返回$this.data'id'==活动 }.show.first.prop'selected',true; 如果活动==mo | |活动==w{ $select3.show.find'option.hide.filterfunction{ 返回$this.data'www'==活动 }.show.first.prop'selected',true; }否则{ $select3.0隐藏 } } 选择3, 选择2{ 显示:无; } 具体日期和时间 分钟计时器 计时器 日间计时器 周计时器 月计时器 每分钟每5分钟每10分钟每15分钟每30分钟 每小时每2小时每4小时每6小时每8小时每12小时 午夜至凌晨1时至凌晨2时至凌晨3时 上午至凌晨4点上午4点至上午5点至上午6点至上午7点至上午8点至上午9点至上午10点至上午11点至中午1点下午1点至下午2点至下午3点至下午4点至下午5点至下午6点至晚上7点至晚上8点至晚上9点至晚上10点至晚上11点至午夜 每个星期一每个星期二每个星期三每个星期四每个星期五每个星期六每个星期天 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 午夜至凌晨1点凌晨1点至凌晨2点至凌晨3点至凌晨4点至凌晨5点至早上6点至早上7点至上午8点至上午9点至上午10点至上午11点至中午1点至下午1点至下午2点至下午3点至下午4点至下午5点至下午6点至下午7点至晚上8点至晚上9点至晚上10点至晚上11点至午夜 午夜至凌晨1点凌晨1点至凌晨2点至凌晨3点至凌晨4点至凌晨5点至早上6点至早上7点至上午8点至上午9点至上午10点至上午11点至中午1点至下午1点至下午2点至下午3点至下午4点至下午5点至下午6点至下午7点至晚上8点至晚上9点至晚上10点至晚上11点至午夜