select标签其中的option到另一个select中
原文链接:https://www.jb51.net/web/167125.html
/@param fromObjSelectId 移动item的原select组件id
@param toObjectSelectId 移动item将要进入的目标select组件id/
function move1() {
var objSelect = document.getElementById(“fromObjSelectId”);
var delNum = 0;
if (null != objSelect && typeof(objSelect) != “undefined”) {
for(var i=0;i<objSelect.options.length;i=i+1) {
if(objSelect.options[i].selected) {
addOneItemToSelect(“toObjectSelectId”,objSelect.options[i].text,objSelect.options[i].value)
objSelect.options.remove(i);
i = i - 1;
}
}
}
}
/*@param objSelectId 将要加入item的目标select组件的id
@param objItemText 将要加入的item显示的内容
@param objItemValue 将要加入的item的值*/
function addOneItemToSelect(objSelectId,objItemText,objItemValue) {
var objSelect = document.getElementById(objSelectId);
if (null != objSelect && typeof(objSelect) != "undefined") {
//判断是否该值的item已经在select中存在
if(isSelectItemExit(objSelectId,objItemValue)) {
$.alert('提示消息','该值的选项已经存在!','info');
} else {
var varItem = new Option(objItemText,objItemValue);
objSelect.options.add(varItem);
}
}
}
/*@param objSelectId 将要验证的目标select组件的id
@param objItemValue 将要验证是否存在的值*/
function isSelectItemExit(objSelectId,objItemValue) {
var objSelect = document.getElementById(objSelectId);
var isExit = false;
if (null != objSelect && typeof(objSelect) != "undefined") {
for(var i=0;i<objSelect.options.length;i++) {
if(objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
}
return isExit;
}
本文介绍了一种使用JavaScript实现从一个下拉选择框(select)移动选项(option)到另一个下拉选择框的方法。通过自定义函数move1(), addOneItemToSelect()和isSelectItemExit(),可以检查目标select中是否已存在相同值的选项,避免重复,并完成选项的转移。
4558

被折叠的 条评论
为什么被折叠?



