如何从PrimeUI中的pickList获取tagetData
How can I get tagetData from pickList in PrimeUI?
我正在尝试从PrimeUI选择列表中检索目标数据,但没有成功。也许对jQuery有很好的了解可以帮助我。好吧,我认为我的问题很简单。我成功地从 PrimeUI 实现了 pickList,但我不知道,也无法从 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>
我的网页:
<div id="atividadesPicklist">
<select name="source"></select>
<select name="target"></select>
</div>
就像我在 #myPickListSaveButton
函数中写的那样,如何从 targetData 中检索值?
谢谢。
该插件会将选项移动到目标选择,这意味着您可以简单地从该选择中获取选项
$('#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);
});
例
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- jquery试图按名称获取按钮位置
- 如何在jQuery中获取元素的形式
- 如何在php文件中获取$.post-ajax传递的值
- 在Shopify中获取博客文章的图片
- 使用Javascript获取所选选项ID
- 在jQuery中获取表的行索引
- 使用jquery将mysql数据获取到新的表行中
- 在动态创建的元素上获取对特定选择器的引用
- 从城市名称获取惊喜
- Angular只从数组中获取所需的数据
- 无法将数据从firebase获取到我的html页面
- 从ajax请求中获取javascript对象
- 如何从画布上的某个移动事件中获取X和Y
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 如何在PHP中使用$_POST获取Select元素值
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 如何从PrimeUI中的pickList获取tagetData
- 如何通过javascript获取和更新Primefaces pickList bean源和目标列表