Jquery选择获取数组对象值
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery选择获取数组对象值相关的知识,希望对你有一定的参考价值。
我正在寻找可以轻松快速迭代的东西,或者是使用jQuery从javascript数组对象添加的最佳方法,并且可以使用jQuery提交给JavaScript数组对象?
这就是我做的:
var view = [{id:123, name:john, type:5},{id:234, name:adam, type:4},{id:456, name:max, type:3}]
var dis = $.map(view, function (item) {
var opt = $('<option/>', { selected:'selected', text: item.name})
return opt
});
$(".select-js-view").append(dis);
Select的结果是:
var selectedValues = $('.select-js-view').val();
console.log(selectedValues);
selectedValues = [john,adam]
所以我的问题是,如何获得像(view)这样的数组对象值?或者有人可以给我一个暗示。
答案
第一:你必须把名字放在"
标志。
现在,你可以试试这个。
var view = [{id:123, name:"john", type:5},{id:234, name:"adam", type:4},{id:456, name:"max", type:3}]
var dis = $.map(view, function (item) {
var opt = $('<option/>', { selected:'selected', text: item.name});
opt[0].info = item;
return opt
});
$(".select-js-view").append(dis);
$(".select-js-view").change(function(){
console.log($(this.options).filter(":selected")[0].info);
});
//If you want to get all (similar view var):
function GetAll(){
var r=[];
$(".select-js-view option").each(function(i, o){
r.push(o.info);
});
return r;
}
console.log(GetAll());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<b style='color: #090'>change me:</b>
<select class="select-js-view"></select>
以上是关于Jquery选择获取数组对象值的主要内容,如果未能解决你的问题,请参考以下文章