效果图:
jquery.FanFanMultiselects.js文件代码:
function selectedleft(){
$(“div .leftBox option”).each(function (){
$(this).attr(“selected”,”selected”);
});
}
jQuery.fn.FanFanMultiSelect = function() {
function add(){
$($(this).parent().parent().children(“.leftBox”)).append($(this));
}
function del(){
$($(this).parent().parent().children(“.rightBox”)).append($(this));
}
$(document).ready(function(){
$(“div .leftBox option”).live(“dblclick”,del);
$(“div .rightBox option”).live(“dblclick”,add);
});
};
HTML代码如下:
<form method=”post” action=”" onsubmit=”selectedleft();”>
<div>
<select name=”arrayname[]” multiple=”multiple” selectall=”selectall” style=”width:350px;height:250px;”>
<option value=”1″>111</option>
<option value=”2″>222</option>
<option value=”3″>333</option>
</select>
<select multiple=”multiple” class=”rightBox” style=”width:400px;height:250px;”>
<option value=”4″>444</option>
<option value=”5″>555</option>
<option value=”6″>666</option>
</select>
</div>
</form>
