在使用jQuery multiSelect多选下拉框,即是在普通下拉框选项前加了一组以普通下拉框name作为checkbox的name、value作为checkbox的value的多选框,故取多选下拉框选中值,也就是取name多选框的值。
http://www.w3.org/1999/xhtml">
jQuery MultiSelect Demo
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript">
$(document).ready(function() {
$("#control_1").multiSelect();
$("#btn1").click(function(){
if ($('input[name=control_1[]]:checked').length < 1) {
alert('Please Select Option');
}
else {
var v = '';
$('input[name=control_1[]]:checked').each(function() { if (v != '') { v += ',' } v += $(this).val() });
alert(v);
}
});
});
HTML
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
H2
{
font-size: 14px;
font-weight: bold;
margin: 1em 0em .25em 0em;
}
P
{
margin: 1em 0em;
}
Option 1
Option 2
Option 3
Option 4
Option 5
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/25088846/viewspace-681842/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/25088846/viewspace-681842/