我想做一个下拉框选择查询条件(多个下拉框),如名称,人数,类别。每次选择其中一个下拉框条件时,出现一个文本框。每次选择一个条件时,下一个下拉框中不含有已被选择的条件。
请问高手们能帮我想想方法吗?最好是有代码,谢谢了
请问高手们能帮我想想方法吗?最好是有代码,谢谢了
解决方案 »
- 请问想要在dt标签里面添加序号,怎么写JS?
- Extjs 如何设置 弹出消息框Msg位置
- 如何通过javascript制作简单的树型菜单?
- 怎样将页面在打开后将滑动条自动滚动到指定的地方
- JAVASCRIP中的this?
- 关于这个gif动画的切换是怎么实现的
- JS下拉菜单在WIN2003服务器下出错了,哪位高手能帮忙解决啊!~
- Javascript里 数组如何取数据库里的记录
- Jscript里关于collection的操作有哪些
- 请问这个关于ResultSet的错误怎么改
- 求教百度地图删除标注功能!用<a href='#' onclick=''>删除</a>调用删除!在线等!!
- 获取json数据指定的值
你是否可以先弄个简易的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自己可以参考下思路,解决了!