JS三级联动的特殊要求，求牛人！

本帖最后由 xushaojie3344 于 2014-03-01 22:05:45 编辑

解决方案 »

  1.   

    一般这种要求，牵涉到下拉框的，可以考虑百度的搜索实现方式 来模拟下拉框输入内容去匹配符合条件的记录，如果数据量太大，那么可以限定返回前几条，当输入内容进一步完善时，再根据内容去匹配 该内容下的前几条你可以考虑jquery的自动自配插件示例  Autocomplete 
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <select id="select">

    </select>
    <input type="text" id="shuiguo" onblur="choose()" />
    <script language="javascript">
    function choose(){
    var sg = ['黑梅','龙眼','黑枣','芒果','苹果','苹果1','龙荔','荔枝'];
    var name = document.getElementById('shuiguo').value;
    var faceName = eval("/" + name + "/"); var select = document.getElementById('select');
    if(name != ''){

    for(var i=0;i<sg.length;i++){
    if(faceName.test(sg[i])){
    select.add(new Option(sg[i],i));
    }
    }
    }else{

    for(var i=0;i<sg.length;i++){
    select.add(new Option(sg[i],i));

    }
    }

    }

    </script></body>
    </html>给你做个参考