Javascript 使用Ajax在选项之间移动选项

我想将选项从一个选择移动到另一个选择。这就是我目前所拥有的

选择.html

 <select multiple id="select1" class="Multiple">
    <option>foo</option>
    <option>bar</option>
</select>

<section id="botons" class="botons">
    <input type="button" id="bAdd" value=">>">
    <input type="button" id="bDel" value="<<">            
</section>

<select multiple id="select2" class="Multiple">
        <option> </option>
</select>

福
酒吧

ajax/js

$(document).on("ready",function(){
    $("#bAdd").on("click", function(){
        var option=$("#select1 option:selected").value();
        $("#select2").add($('<option></option>').value(option));
        $("#select option:selected").remove();
    });
});

$（文档）.on（“就绪”，函数（）{
$（“#添加”）。在（“单击”，函数（）上{
var option=$（“#select1 option:selected”）.value（）；
$（“#选择2”）。添加（$（''）。值（选项））；
$（“#选择选项：选中”）.remove（）；
});
});

在行中

var option=$("#select option:selected").value();

---

您正在引用id为

select

的select，但在HTML中，您为它指定了id为

select1
尝试以下操作：您的第一个选择框id是
select1
。尝试将其添加到
select2
。jquery中的函数也是
val（）
而不是
value（）


$（文档）.ready（函数（）{
$（“#添加”）。在（“单击”，函数（）上{
var option=$（“#select1 option:selected”）.val（）；
$（“#选择2”）。追加（“”+选项+“”）；
$（“#选择1选项：选中”）.remove（）；
});
});//提交单击

福
酒吧
您需要获取所选选项的文本，因为您没有为它们设置值

 $("#bAdd").on("click", function(){
            var option=$("#select1 option:selected").text();
            $("#select2").append($('<option>'+option+'</option>'));
            $("#select1 option:selected").remove();
    });

$（“#添加”）。在（“单击”，函数（）{
var option=$（“#select1 option:selected”）.text（）；
$（“#选择2”）。追加（$（''+选项+''）；
$（“#选择1选项：选中”）.remove（）；
});
您可以使用jquery复制所选元素：


$（“#添加”）。在（“单击”，函数（）{
var option=$（“#select1 option:selected”）.clone（）；
$（“#选择2”）。附加（选项）；
$（“#选择1选项：选中”）.remove（）；
});

福
酒吧