Как я могу получить tagetData из pickList в PrimeUI?

Question

Я пытаюсь получить целевые данные из PrimeUI pickList, но безуспешно. Может быть, кто-то с хорошими знаниями в JQuery может помочь мне. Ну, я думаю, что моя проблема проста. Я успешно реализовал pickList из PrimeUI, но я не знаю и не могу получить целевые данные из pickList.

Хорошо, позвольте мне показать код. Мой JavaScript выглядит так:

<script>
    $(document).ready(function() {
       var mySourceData = [{label: 'Label 1', value: 1}, {label: 'Label 2', value: 2}];
       var myTargetData = new Array();

       $('#myPickList').puipicklist({
           filter: true,
           dragdrop: true,
           filterMatchMode: 'contains',
           sourceData: mySourceData,
           targetData: myTargetData
       });

       $('#myPickListSaveButton').click(function(){
           //How to retrieve #myPickList target data?
       });
    }
</script>

Мой HTML:

<div id="atividadesPicklist">
    <select name="source"></select>
    <select name="target"></select>
</div>

Как я написал внутри #myPickListSaveButton функция, как я могу получить значение из targetData?

Благодарю.

Answer 1

Плагин будет перемещать параметры в целевой выбор, то есть вы можете просто получить параметры из этого выбора

$('#myPickListSaveButton').click(function () {
     var targetData = $.map($('select[name=target] option'), function (v) {
          return v.value; // maps the values and returns them in an array ["1", "2"]
     });
     console.log(targetData); 
});

пример