我正在嘗試使用 jquery 創建一個動態下拉串列
var rooms = $("<select />");
$(res.data).each(function () {
var option = $("<option />");
option.html(this.name);
option.val(this.id);
rooms.append(option);
});
當我直接將其附加到時創建下拉串列append_parent_div
$('#append_parent_div').append(rooms);
但是當我用幾個 div 附加它時
$('#append_parent_div').append('<div > <div >' rooms '</div></div>');
然后 [object Object]被附加到我的 html 中。
uj5u.com熱心網友回復：
不要使用 ，但是,：
例子：
$('#append_parent_div').append('<div > <div >', rooms, '</div></div>');
就像檔案說的：https ://api.jquery.com/append/
您正在將字串與物件連接起來
作業示例：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<div id="append_parent_div">
</div>
<script>
var rooms = $("<select />");
var res = {};
res.data = [{name:"name number 1", id:1},{name:"name number 2", id:2}]
$(res.data).each(function () {
var option = $("<option />");
option.html(this.name);
option.val(this.id);
rooms.append(option);
});
$('#append_parent_div').append('<div > <div >', rooms, '</div></div>');
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/449156.html
標籤：javascript jQuery
下一篇：使用jQuery評估這個元素標簽