使用相同的数据列表添加多个选定的

时间:2016-07-18 03:02:22

标签: javascript jquery jquery-chosen

我有两个选择了相同的数据列表。一个选择工作正常,而另一个不显示图像中的数据。 Thay在同一页面,但显示在不同的div弹出窗口。

enter image description here

HTML代码: 第一个

<select style="width: 100%;" id="vehicleGroups"
                                class="chosen-selectGroup" maxwidth="70px"></select>

第二:

<select  style="width: 100%;" id="vehicleGroupsOptions"
                                                class="chosen-selectGroup" maxwidth="70px"></select>

jquery的

  function LoadVehicleGroupList(){
        $.post('functions.php',{'groupList':1},function(data){
            var groupList=JSON.parse(data);

            PopulateGroupList(groupList);
            $('.chosen-selectGroup').chosen({search_contains:true});
        });
    }

function PopulateGroupList(groupList){

    var listSize=groupList.length;
    var elements='';
    elements +='<option value="all">All</option>';
    for(var i=0;i<listSize; i++){
        var group=groupList[i];
        var groupName= group['Name'];
        var GroupID = group['GroupID'];
        elements +='<option value="'+GroupID+'">'+groupName+'</option>';
    }
    $('#vehicleGroups').html(elements);
    $('#vehicleGroupsOptions').html(elements);
}

任何帮助都将不胜感激,以解决这个问题。

0 个答案:

没有答案