从JS数组Jquery进行选择
我有 var消息=” "; 这样的数组我可以循环从JS数组Jquery进行选择,jquery,loops,each,Jquery,Loops,Each,我有 var消息=” "; 这样的数组我可以循环 var updateActive = [{ "id": "1", "name": "Koka Kola", "qty": "22", "price": "333", "active": "Yes" }, { "id": "2", "name": "Pizza", "qty": "1", "price": "1", "active": "Yes" }, { "i
var updateActive = [{
"id": "1",
"name": "Koka Kola",
"qty": "22",
"price": "333",
"active": "Yes"
}, {
"id": "2",
"name": "Pizza",
"qty": "1",
"price": "1",
"active": "Yes"
}, {
"id": "3",
"name": "Jupi",
"qty": "2",
"price": "25000"
}, {
"id": "4",
"name": "Jupi",
"qty": "333",
"price": "333"
}]
但我有一个问题,如何在var消息的循环中放入该值?
像
val.name
您可以在循环中创建DOM选项元素,并将它们附加到动态创建的select中,如下所示:
var updateActive=[{
“id”:“1”,
“名称”:“Koka Kola”,
“数量”:“22”,
“价格”:“333”,
“活动”:“是”
}, {
“id”:“2”,
“名称”:“比萨饼”,
“数量”:“1”,
“价格”:“1”,
“活动”:“是”
}, {
“id”:“3”,
“名称”:“Jupi”,
“数量”:“2”,
“价格”:“25000”
}, {
“id”:“4”,
“名称”:“Jupi”,
“数量”:“333”,
“价格”:“333”
}];
var message=“”;
var select=$(消息).get(0);
$.each(updateActive,function(u,val){
var option=document.createElement('option');
option.id=val.id;
option.innerHTML=val.name;
选择.appendChild(选项);
});
警报(选择.outerHTML)代码>
<option value="val.id">val.name</option>
var message = "<select class='form-control' required name='article[]'></select>";
var $msg = $(message); // Convert to jQuery element
var options = ""; // Create a String To concatenate HTML Option Elements
$.each(updateActive, function (idx, val) {
options += '<option value="'+val.id+'">'+val.name+'</option>'; // Concat
});
$msg.html( options ); // Finally set String as Element's HTML
var message = "<select class='form-control' required name='article[]'></select>";
var $msg = $(message); // Convert to jQuery element
var options = ""; // Create a String To concatenate HTML Option Elements
$.each(updateActive, function (idx, val) {
options += '<option value="'+val.id+'">'+val.name+'</option>'; // Concat
});
$msg.html( options ); // Finally set String as Element's HTML
var message = "<select class='form-control' required name='article[]'></select>";
var $msg = $(message); // Convert to jQuery element
$.each(updateActive, function (idx, val) {
$msg.append('<option value="'+val.id+'">'+val.name+'</option>');
});