Javascript 有条件地在选项标记中应用布尔属性

我正在使用jQuery从数组动态构建一个select元素，我需要在其中一个option元素上设置bool属性selected。如果我试图通过该选项

"selected": mycondition ? "selected" : undefined

无论如何，属性都会在标记中结束

如何仅在需要时放置属性

以下是我创建选项元素的方式：

options.forEach(function(option){

    $("<option/>", {
       text: option.name,
       value: option.value
    }).appendTo("#mySelectElem");

});

创建选项对象时，始终可以链.prop

创建选项对象时，始终可以链.prop

---

嗯，我想我需要提高我的博士阅读技能。。。显然，我可以通过简单地链接方法来实现这一点：

---

嗯，我想我需要提高我的博士阅读技能。。。显然，我可以通过简单地链接方法来实现这一点：

步骤： 1.在数组上循环 2.如果数组包含值且所选值为true，则追加 测验 3.如果附加其他类似的选项，则为 测试2步骤： 1.在数组上循环 2.如果数组包含值且所选值为true，则追加 测验 3.如果附加其他类似的选项，则为

---

test2

您不需要该函数，如果myconditionis为true，则将设置属性，否则不需要。因此，prop'selected'，mycondition就足够了。您不需要该函数，如果mycondition为true，则将设置属性，否则不需要。所以，道具“选择”，真菌学条件就足够了

options.forEach(function(option){

    var opt = $("<option/>", { //<-- log option in var
       text: option.name,
       value: option.value
    }).appendTo("#mySelectElem");
    if (mycondition) opt.attr('selected', 1); //<-- conditionally add selected
});

options.forEach(function(option){

    $("<option/>", {
       text: option.name,
       value: option.value
    })
    .prop('selected', mycondition) //<===
    .appendTo("#mySelectElem");

});

  options.forEach(function(option){
    $("<option/>", {
      value: option.value,
      text: option.text
    })
      .prop("selected", function(){return mycondition ? "selected" : undefined;})
      .appendTo("#mySelectElem");
  });