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