Javascript 从dropdownlist中删除项目并将其添加到另一个dropdownlist_Javascript_Jquery

Javascript 从dropdownlist中删除项目并将其添加到另一个dropdownlist

javascript jquery

Javascript 从dropdownlist中删除项目并将其添加到另一个dropdownlist,javascript,jquery,Javascript,Jquery,我有一个dropdownlist填充了国家列表，另一个dropdownlist为空，我有两个按钮>>> 当我按下>按钮时，我想将一个国家/地区从国家/地区下拉列表添加到空下拉列表，只需选择一个国家/地区，当我按下>>时，我想将国家/地区添加到空下拉列表。每次添加时，它也应该从第一个下拉列表中删除我试过： $("#form_selectednationality_id").add($("#form_nationality_id option:selected")); $("#form_nat

我有一个dropdownlist填充了国家列表，另一个dropdownlist为空，我有两个按钮>>>

当我按下>按钮时，我想将一个国家/地区从国家/地区下拉列表添加到空下拉列表，只需选择一个国家/地区，当我按下>>时，我想将国家/地区添加到空下拉列表。每次添加时，它也应该从第一个下拉列表中删除

我试过：

 $("#form_selectednationality_id").add($("#form_nationality_id option:selected"));
 $("#form_nationality_id option:selected").remove();

它成功地删除了该项，但没有添加任何内容你有什么意见或想法吗？

谢谢。

你在找这个吗

<script>
    $(document).ready(function () {
        $("#countryButton").click(function () {
            $("#second").append($("<option/>", { html: $("#first").val(),value:$("#first").val(), selected: true }));
            $('#first option:selected').remove();

        });
    });
</script>
<body>
    <select id="first">
        <option>country1</option>
        <option>country2</option>
    </select>
    <input type="button" id="countryButton" value=">" />
    <select id="second">
    </select>
    </div>
</body>

您将为此任务支付多少费用？：：D哦：D我是没有钱的sitar plyer，而没有钱的Sitarp玩家没有多少钱！：使用'append'将选项添加到下拉列表中，并使用'remove'删除该选项。试试看，告诉我们：我试过：$form\u selectednationalid\u id。添加$form\u nationalid\u id选项：selected$表单\国籍\ id选项：选中。删除；但它删除了项目，但没有添加任何内容，但问题是它在2项中显示了1的值，我想显示它与1中的值完全一样，显示名称并具有相同的值谢谢，但问题是它在2项中显示了1的值，我想完全像在1中一样显示它，显示名称并具有相同的值

<script>
    $(function () {
    $("#add").click(function () {
        $("#2").append(new Option($("#1 option:selected").val()));
    });
});
</script>

<select id="1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<input type="button" id="add" value="add">
<select id="2"></select>