Question

我有一个下拉列表，其中包含国家/地区列表，另一个下拉列表为空，我有一个2个按钮＆gt; ＆GT;＆GT;

当我按下＆gt;按钮我想将国家/地区下拉列表中的国家/地区添加到一个（选择的那些）以及当我按下＆gt;＆gt;我想添加国家添加到空的下拉列表。每次添加它都应该从第一个下拉列表中删除。

我试过了：

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

它成功删除了该项，但没有添加任何内容你有什么评论或想法吗？感谢。

Answer 1

你正在寻找这个吗？

<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>

Answer 2

<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>

从下拉列表中删除项目并将其添加到另一个下拉列表中

2 个答案: