根据单击的按钮,将值从一个列表添加到另一个列表

时间:2010-06-30 07:07:57

标签: javascript html

我有两个多列表。在第一个多列表中,我通过使用查询获得了表的所有属性,然后现在通过从此列表中选择一个属性,当我单击“添加”按钮时,我希望该属性的副本应该进入另一个列表。 我所做的是我为ADD按钮添加了javascript onclick功能,因为我从第一个多列表中获得了所选值。但是现在我还没有得到如何将这个值放到第二个多列表中?

我在java脚本函数中所做的是:

var index = document.getElementById(“List1”)。selectedIndex;

var fieldval = document.getElementById(“List1”)。options [index] .value;

的document.getElementById( “列表2”)选项[0]。价值= fieldValue方法;


但这不起作用。暂时我在第一个位置增加价值。 提前谢谢。

1 个答案:

答案 0 :(得分:1)

来自here

如果要将元素从第一个列表移动到第二个列表:

var index=document.getElementById("List1").selectedIndex;
var elOpt = document.getElementById('List1').options[index];
var elSel = document.getElementById('List2');

try {
  elSel.add(elOpt, null); // standards compliant; doesn't work in IE
}
catch(ex) {
  elSel.add(elOpt); // IE only
}

如果你想添加一个:

var index=document.getElementById("List1").selectedIndex;
var elOpt = document.getElementById('List1').options[index];
var elSel = document.getElementById('List2');

var elOptNew = document.createElement('option');
elOptNew.text = elOpt.text;
elOptNew.value = elOpt.value;

try {
  elSel.add(elOptNew, null); // standards compliant; doesn't work in IE
}
catch(ex) {
  elSel.add(elOptNew); // IE only
}