4

我有两个组合框，一个包含所有可用的国家名称，另一个是空的，例如：

国家

<select name="countryId[]" multiple="multiple" id="countryId" size="10">
    <option id="" value="1" >Afghanistan</option>
    <option id="" value="3" >Albania</option>
    <option id="" value="4" >Algeria</option>
    <option id="" value="5" >American samoa</option>
</select>

空的

<select name="mycountryId[]" multiple="multiple" id="mycountryId" size="10">
</select>

现在，如果我从国家列表中选择任何国家，它应该移动到空列表，但是如果我从国家列表中选择三个国家，则具有选定的属性和确切值，结果应该是：

国家

<select name="countryId[]" multiple="multiple" id="countryId" size="10">
    <option id="" value="1" >Afghanistan</option>
</select>

空的

<select name="mycountryId[]" multiple="multiple" id="mycountryId" size="10">
    <option selected="selected" id="" value="3" >Albania</option>
    <option selected="selected" id="" value="4" >Algeria</option>
    <option selected="selected" id="" value="5" >American samoa</option>
</select>

同样，如果我从我的新国家/地区列表（名为Empty ）中单击任何国家/地区，则所选国家/地区应移回具有未选择属性和确切值的可用国家/地区列表， 例如 国家 阿富汗阿尔及利亚

我遵循Jquery - 根据组合框选择将项目从一个列表移动到另一个列表，这是一段非常好的代码，但是如何选择所有在 targetCars 中移动的值？具有选定的属性，反之亦然？

4

3 回答 3

10

在此处输入图像描述

function MoveListBoxItem(leftListBoxID, rightListBoxID, isMoveAll) {
    if (isMoveAll == true) {

        $('#' + leftListBoxID + ' option').remove().appendTo('#' + rightListBoxID).removeAttr('selected');

    }
    else {

        $('#' + leftListBoxID + ' option:selected').remove().appendTo('#' + rightListBoxID).removeAttr('selected');
    }
}
于 2014-04-15T03:11:58.373 回答
2

首先，为什么你[]在你的控制ID中使用？您可以使用此将项目从一个列表移动到另一个列表，

      $('#countryId option:selected').appendTo('#countryId');

有关select元素操作的更多信息操作选择选项

于 2012-07-10T08:06:30.810 回答
1

这是html代码！

        <select multiple id="countryId">
            <option value="1">Afghanistan</option>
            <option value="2">Albania</option>
            <option value="3">Algeria</option>
            <option value="4">American samoa</option>
        </select>
        <a href="#" id="add">add &gt; &gt;</a>

        <select multiple id="mycountryId"></select>
        <a href="#" id="remove">remove &lt; &lt;</a>

和我的 javascript 代码。

$("#countryId").click(function(){
    $("#countryId option:selected").remove().appendTo($("#mycountryId"));
})
$("#mycountryId").click(function(){
    $("#mycountryId option:selected").remove().appendTo($("#countryId"));
})

确保您将jquery.js文件添加到您的项目中！

于 2015-12-18T04:55:05.613 回答