jquery - 如何将一个对象附加到多个元素？

Question

我正在尝试创建一个包含多个具有相同选择的选择元素的表单。我首先创建选项

var myArray = [];
$.each(someJSONObj , function(key , value){
    var op = $("<option></option>").attr("value", value.id).text(value.name);
    myArray.push(op);   
});

然后他们将其添加到选择元素中

$.each($("select[id^='clan']"), function(){
    $(this).empty().html(myArray);
});

但选项仅在最后一次选择时可见。

我对 jQuery 很陌生，我不知道是什么

$("<option></option>").attr("value", value.id).text(value.name)

返回(alert($.type(op))显示“object”，这没有多大帮助)。

它是什么物体？如何将其多次附加到不同的元素？

或者也许更容易、更快:如何将 op 变量转换为字符串，即如何获取

"<option value=myid>myname</option>"

来自

$("<option></option>").attr("value", myid).text(myname)

然后将其附加到我选择的元素中？

Answer 1

您可以使用简单的字符串连接来设置选项，例如:

$.each(someJSONObj , function(key , value){
    var op = "<option value='"+value.id+"'>"+value.name+"</option>"
    myArray.push(op);      
});

$.each($("select[id^='clan']"), function(){
    $(this).empty().html(myArray.get().join(''));
});

FIDDLE DEMO