求助下拉框查询条件效果

kkkk1863 2012-12-07 11:14:57

我想做一个下拉框选择查询条件（多个下拉框），如名称，人数，类别。每次选择其中一个下拉框条件时，出现一个文本框。每次选择一个条件时，下一个下拉框中不含有已被选择的条件。
请问高手们能帮我想想方法吗？最好是有代码，谢谢了

...全文

245 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

kkkk1863 2012-12-07

打赏
举报

引用 2 楼 xingfuzhuzi1314 的回复:

你这本来下拉框就是查询条件了，还来一句每次选择一个条件时，下一个下拉框中不含有已被选择的条件。，理解不透LZ想干什么！

比如第一个下拉框可选项“名称，班级，年级”，选其中任一个出现文本框，可输入查询内容。后面跟着一个添加按钮，添加按钮点击后出现另一个下拉框，下拉选项里不包含上一个下拉框已被选中的内容。如第一个下拉框选择“名称”，出现文本框，然后点击添加按钮，出现另一个下拉框，此下拉框中可选项已没有“名称”选项，只有“班级，年级”。选择“班级”，出现一个文本框。如果再点击添加按钮，则出现第三个下拉框，其中可选项只有“年级”。能理解我的意思吗？

xingfuzhuzi1314 2012-12-07

打赏
举报

你这本来下拉框就是查询条件了，还来一句每次选择一个条件时，下一个下拉框中不含有已被选择的条件。，理解不透LZ想干什么！

xingfuzhuzi1314 2012-12-07

打赏
举报

LZ，我真心的没看懂什么意思。你是否可以先弄个简易的html，说明你要的效果！

xingfuzhuzi1314 2012-12-07

打赏
举报

LZ，加油！其中主要就是动态创建元素和获取值的问题！搞定了散分哈！

kkkk1863 2012-12-07

打赏
举报

太谢谢了，我自己也改的差不多了，结合你的代码获得很多帮助

xingfuzhuzi1314 2012-12-07

打赏
举报



<html>
	<body>
		<div>
			<select name="selectOne" id="selectOne" onchange="change()">
				<option value="mc">名称</option>
				<option value="bj">班级</option>
				<option value="nj">年纪</option>

			</select>
			<input type="button" value="新增" onclick="add()" ></input>
		</div>
		<div id="addinput">
			
		</div>
	</body>
	<script>
		var selectValue=["mc","bj","nj"];
		var selectText=["名称","班级","年纪"];
		function change(){
			var selectOne=document.getElementById("selectOne");
			var addinput=document.getElementById("addinput");
			var readly=document.getElementById(selectOne);
			if(readly==null){
				var input=document.createElement("input");
				input.id=selectOne.value;
				input.type="text";
				input.value="请输入"+selectOne.value;
				addinput.appendChild(input);
			}
			
		}
		function add(){
			var selectOne=document.getElementById('selectOne').value;
			var select=document.createElement("select");
			var addinput=document.getElementById("addinput");
			select.id="selectTwo";
			select.name="selectTwo";
			select.onchange=change;
			addinput.appendChild(select);
			for(var i=0;i<selectValue.length;i++){
				if(selectOne!=selectValue[i]){
					var childNode = document.createElement("option")
					childNode.value = selectValue[i] ;
					childNode.innerText = selectText[i] ;
					select.appendChild(childNode) ;
				
				}
			}

		}
	</script>
</html>

大致就这样了，没有生成第三个，就生成到了第二个。。剩下的，LZ自己可以参考下思路，解决了！