Js 动态增加删除 select multiple 中的值

最新推荐文章于 2019-08-30 10:59:25 发布

最新推荐文章于 2019-08-30 10:59:25 发布 · 607 阅读

文章标签：

#multiple

本文介绍了如何使用JavaScript实现从文本框获取值，并将其赋值到多选列表中，包括多选列表之间的值传递和清空操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两个 multiple 相互传值：
function addSingleTableOption(src, dest)
{
var srcObj = document.getElementByIdx(src)
var destObj = document.getElementByIdx(dest)
var srcOpts = srcObj.options;
var destOpts = destObj.options;
var len = srcOpts.length;

for (i = len - 1; i >= 0; i--)
{
if (srcOpts[i].selected)
{
var newOpt = new Option(srcOpts[i].text, srcOpts[i].value);
destOpts.add(newOpt);
srcOpts.remove(i);
}
}
return;
}

将一个文本框中的值赋值给 multiple ：
function addOption(){
var value = document.getElementById("date").value;
var destObj = document.getElementById("days");
var destOpts = destObj.options;
if (value.length > 0){
var newOpt = new Option(value, value);
destOpts.add(newOpt);
}
}
删除 multiple 中的值：
for (i = len - 1; i >= 0; i--){
destObj.remove(i);
}