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

解决方案 »

  1.   

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

  2.   

    <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自己可以参考下思路,解决了!