从选择中删除一个选项并将其添加到另一个

Question

好的，所以我有这段代码，过去可以正常工作。我最近将我的 jQuery 从 1.4.4 升级到 1.5.2，显然这已经停止工作了。但是，我已经尝试了 1.4.4 的代码。和 1.3.2，它也不会在那里工作。

这确实有效。我不知道为什么不是。有什么帮助吗？

编辑：start 和 end 是参数，带有 select 元素 ID 的文本。

var selectedIndex = document.getElementById(start).selectedIndex; // get the selected index from the correct select box

if (selectedIndex != -1) {      // if something is selected, do the following:
       var selectedElement = document.getElementById(start).options[selectedIndex]; // get the element that's selected

       if (selectedIndex == (document.getElementById(start).options.length - 1) && selectedIndex != 0) {
           selectedIndex--; // if we're at the bottom of the list, set our selectedIndex variable to the one right before it
       }

       $("#" + start).remove(selectedElement);  // remove the selected element from the start side          
       $("#" + end).append(selectedElement);        // and add it to the end of the ending side
}

这是我要移动的选项的示例。
<option sortable="yes" datatype="string" value="foo" type="arbitrary">Foo</option>

我遇到的问题显然是 jQuery 本身 - 使用完整版本，
expr.replace is not a function [Break On This Error] expr = expr.replace( /\=\s*([^'"]])\s]/g, "='$1']" ); [jquery-latest.debug.js, line 4540]
当我点击代码的$.remove 部分时发生错误。

谢谢。

Answer 1

您收到此错误是因为 .remove() 采用字符串选择器，如果未提供，则删除父对象的选择器。试试

$(selectedElement).remove();

Answer 2

您使用 getElementById 调用是否有原因？让 jQuery 为您完成工作......而不是使用：

$("#" + start).remove(selectedElement);  // remove the selected element from the start side          
$("#" + end).append(selectedElement);        // and add it to the end of the ending side

}

尝试使用：

$("#"+start+" option:selected").appendTo("#" + end);

它将删除/附加操作合二为一，可能会解决您的问题。

Answer 3

很遗憾，<option> 不是普通元素，因此可能会导致此类问题。

请参阅this question 上接受的答案以获取应该可以工作的代码。