如何从 PrimeUI 中的 pickList 获取 tagetData？

Question

我正在尝试从 PrimeUI pickList 检索目标数据，但没有成功。也许在 jQuery 中有丰富知识的人可以帮助我。好吧，我认为我的问题很简单。我成功实现了 pickList from 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

插件会将选项移动到目标 select，这意味着您可以简单地从 select

获取选项

$('#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); 
});

Example

如何从 PrimeUI 中的 pickList 获取 tagetData？

How can I get tagetData from pickList in PrimeUI?

javascript

jquery

prime-ui