//定义一获得ID方法
function $(id){
return document.getElementById(id);
}
//判断选中的选项是否存在于目标列表objSelect中。
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < $(objSelect).options.length; i++) {
if ( $(objSelect).options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
//增加选中的选项。
function addOption(fromId,toId){
var len=$(fromId).options.length;
for(var i=0;i<len;i++){
if($(fromId).options[i].selected){
if(jsSelectIsExitItem(toId,$(fromId).options[i].value)!=true){
var op = new Option($(fromId).options[i].text,$(fromId).options[i].value);
$(toId).options.add(op);
//$(fromId).options.remove(i);//同时删除选中的原始列表选项
}else{
alert("不能重复增加相同的选项。"+$(fromId).options[i].text);
}
}
}
}
//增加全部选项
function addAll(fromId,toId){
var len=$(fromId).options.length;
for(var i=0;i<len;i++){
if(jsSelectIsExitItem(toId,$(fromId).options[i].value)!=true){
var op = new Option($(fromId).options[i].text,$(fromId).options[i].value);
$(toId).options.add(op);
}
}
// $(fromId).options.length=0;//增加选项同时删除原始选项列表
}
//移除选中的选项。
function delOption(fromId,toId){
var len = $(toId).options.length-1;
for(var i = len; i >= 0; i--){
if($(toId).options[i].selected){
// var op = new Option($(toId).options[i].text,$(toId).options[i].value);//当原列表中的选项增加时也删除时用。
// $(fromId).options.add(op);
//$(toId).options.remove(i);
$(toId).options[i]=null;
}
}
}
//删除所有选项
function delAll(fromId,toId){
/* var len=$(toId).options.length-1;//当原列表中的选项增加时也删除时用。
for(var i = len; i >= 0; i--){
if(jsSelectIsExitItem(fromId,$(toId).options[i].value)!=true){
var op = new Option($(toId).options[i].text,$(toId).options[i].value);
$(fromId).options.add(op);
}
}*/
$(toId).options.length=0;
}
分享到:
相关推荐
实现多选列表框的 添加,移除,全部移除,方便多个选项的同时操作.
可以放到项目中用 mutiselect 下拉多选插件 可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表,有demo
JQ JS javascript 多选 多选下拉框 select bootstrap-select
JQ JS javascript 日期多选控件 JQ JS javascript 日期多选控件
使用javascript实现多选,使用方法可参考网址:https://blog.csdn.net/qq_39579290/article/details/126847485
使用js实现对表格的增删查改
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
javascript动态增删表格行
javaScript实现学生信息的增删改查,以及翻页,界面优美
小程序增删改查代码,小程序增删改查代码,仅用于交流学习
主要介绍了JavaScript 实现HTML DOM增删改查操作,结合实例形式分析了JavaScript针对HTML DOM元素增删改查常见操作技巧与使用注意事项,需要的朋友可以参考下
jquery对表格行操作,增删,只是多选删除。
用javascript实现信息的增删改查.doc
JS多选下拉框,实现多选。点击显示下拉。 <script type="text/javascript"> <!-- function $(e){return document.getElementById(e) ;} $('btnSelect').onclick = function () { //§ó§ï?? $('status')....
如果有一次性提交多条记录的需求可以使用这段代码。
JavaScript动态增删组件的好例子
可用于多选操作等等
JavaScript 对 xml增删改查 实现中英文切换
html+js实现增删改查,超简单
js 动态按行增删表格,删除使用复选框选中删除