我需要将Option从一个List移动到另一个List,同时添加到第二个列表的每个项目也应该添加到下拉列表中。
我有以下javascript
$("#MoveRight,#MoveLeft").click(function (event) {
var id = $(event.target).attr("id");
var selectFrom = id == "MoveRight" ? "#Items" : "#SelectedCustomFields";
var moveTo = id == "MoveRight" ? "#SelectedCustomFields" : "#Items";
var selectedItems = $(selectFrom + " :selected").toArray();
$.each(selectedItems, function (val, text) {
createOption(val, text, $('#SortBy'));
createOption(val, text, $(moveTo));
});
selectedItems.remove();
});
function createOption(value, text, list) {
var myList = list;
myList
.append($("<option></option>")
.val(value).html(text));
}
这个问题似乎是它添加了一个选择列表罚款。在上面的例子中,第二个createOption调用工作正常,第一个添加一个空白项,如果我交换它周围的那些函数调用也翻转结果。我还尝试将createOption函数更改为硬编码,以便将相同的值添加到第二个选择列表(下拉列表),但这会得到相同的结果。
任何帮助将不胜感激
感谢。