先看看www.cs-air.com,里面有个功能就是点击‘出发城市’那个文本框后弹出了下面的列表,我们页面中也想做个类似的效果,不同的是我们需要选择多项,也就是说需要几个按钮“全选”“确定”“取消”,确定后返回所选框的内容,比如说选择广州 北京,那么返回"广州,北京“这样的字符串!
 
不知道说明白没有,呵呵!

解决方案 »

  1.   

    1 弹出列表用浮动层
    2 浮动层<div></div>里,有多个checkbox
      遍历div来实现全选
      点击确定以后,遍历div,拼凑串,并将串传给文本框.
    3 给段全选的代码,里面有遍历方式,至于是否选中,应该会了
    <script language='javascript'>   
    function checkAll(div,strChecked)   
    {   
        var divObj = document.getElementById(div);   
        var length = divObj.childNodes.length;   
        for(var i=0; i<length;  i++)   
        {   
            if(divObj.childNodes[i].type == 'checkbox')   
               divObj.childNodes[i].checked = strChecked;   
        }   
    }   
    </script>   
    <div id='divPlat' name='divPlat'>   
        <input type="checkbox" name="platform[]" value="111"  />11     
        <input type="checkbox" name="platform[]" value="222"  />22     
        <input type="checkbox" name="platform[]" value="333" />33     
        <input type="checkbox" name="platform[]" value="444"  />44     
        <input type="checkbox" name="platform[]" value="555"  />55     
    </div>    
    <input type='checkbox' name='all' value='all' onclick="checkAll('divPlat', this.checked)">Select All