Implementation code for mutual adjustment of two ListBox sub-items based on JQUERY_jquery

HTML:

复制代码 代码如下:

未选择颜色 ：		已选择颜色 ：
蓝色 红色132		ondblclick="listMove('colorSelect','colorUnSelect','hidColorSelect',false,this.selectedIndex)" size="8" style="height: 200px; width: 90%;"> 红色 紫色 黄色 黑色 白色 绿色 粉红色

对应JS方法:

复制代码 代码如下:

function listMove(main, follow, hidetextbox, isBack, index) {
if (index < 0)
return;
var o = undefined;
var source;
var distinct;
var dddd;
if (!isBack) {
//使用getElementById在IE6中存在BUG
source = $('#' main);// window.document.getElementById(main);
distinct = $('#' follow); //window.document.getElementById(follow);
}
else {
source = $('#' follow); // window.document.getElementById(follow);
distinct = $('#' main); // window.document.getElementById(main);
}
var hid = $('#' hidetextbox)[0]; // document.getElementById(hidetextbox);
if (index != undefined) {
var op = "option:eq(" index ")";
source.find(op).each(function () {
distinct.append("" $(this).text() "");
$(this).remove();
});
}
else {
source.find("option:selected").each(function () {
$(this).remove();
distinct.append("" $(this).text() "");
});
}
var str = "";
//遍历Listbox，取得选中项的值
$('#' main ' option').each(function () {
str = $(this).val() ',';
});
hid.value = str;
}