关于取循环中的所有select的相关实例

最新推荐文章于 2022-01-27 15:11:15 发布

领结

最新推荐文章于 2022-01-27 15:11:15 发布

阅读量1.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/u014403249/article/details/52296995

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

假设现在有一个问卷编辑的页面，其中有问题类型（包括单选、多选和简答），当问题类型时简答时，不显示选项内容，当不是时，显示所有选项内容，如下

为了实现选择简答时，A到F选项消失，需要取到select的onchange值，如下进行即可

select：（其中count是为了辨别是哪一题的select被改变）

A到F：（id加上status的count值是为了辨别是哪一题的A到F选项）

jquery：（select的value: 从1到3分别代表单选多选简答）

$("select[name='typeComboboxEdit']").each(function(){
			if($(this).val()=='3'){
				var count = $(this).attr("count");
				$("#A"+count).hide();
				$("#B"+count).hide();
				$("#C"+count).hide();
				$("#D"+count).hide();
				$("#E"+count).hide();
				$("#F"+count).hide();
			}
			$(this).combobox({
				onChange: function(n,o){
					var count = $(this).attr("count");
					if(n!='3'){
						$("#A"+count).show();
						$("#B"+count).show();
						$("#C"+count).show();
						$("#D"+count).show();
						$("#E"+count).show();
						$("#F"+count).show();
					}else{
						$("#A"+count).hide();
						$("#B"+count).hide();
						$("#C"+count).hide();
						$("#D"+count).hide();
						$("#E"+count).hide();
						$("#F"+count).hide();
					}
				}
			})
		})