日期:2014-05-17  浏览次数:20398 次

请教关于select multiple的问题(和js相关)
一个多选框,里面有多个可供选择的项,点击选择的项后,在页面的下方以checkbox的形式展示出来,而checkbox是即时实现的,而不是通过隐藏来完成的。

显示一个checkbox,实现起来没有问题,如何显示多个没有实现。

求思路和解决的办法。如果有代码就更理想了,谢谢

------解决方案--------------------

//多选框的点击事件
$("#selector").click(function(i){
  if(this.selected){
     //将checkbox都放到一个id为checkbox_div的div里面
     $("<span id='checkbox_'"+i+"><input type='checkbox'/>"+$(this).val()+"</span>").appendTo($("#checkbox_div"));
 }
  else
     $("#checkbox_"+i).remove();
});

------解决方案--------------------
上面改一下
$("#selector option").click(function(i){
...
});
------解决方案--------------------
<select id="Select1" multiple ="multiple" onclick ="addCk()">
            <option value ="1">1</option>
            <option value ="2">2</option>
            <option value ="3">3</option>
            <option value ="4">4</option>
            <option value ="5">5</option>
        </select>
        <div id="div1"></div>

<script type ="text/jscript" >
        function addCk() {
            document.getElementById("div1").innerHTML += "<input id='Checkbox1' type='checkbox'/>" + document .getElementById ("Select1").value ;
        }
    </script>
------解决方案--------------------
仅供参考
http://user.qzone.qq.com/178391806/infocenter#!app=2&via=QZ.HashRefresh&pos=1279177699