首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

请问关于select multiple的有关问题(和js相关)

2013-02-18 
请教关于select multiple的问题(和js相关)一个多选框,里面有多个可供选择的项,点击选择的项后,在页面的下

请教关于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

热点排行