Question

我想检索json数据并附加到HTML中的<option>标记。但每次它在特定元素之后还附加一个空的权利。看起来像这样。

<select>
<option value="All">All</option>
<option></option>
<option value="condition1">condition</option>
<option></option>
<option value="condition2">condition2</option>
<option></option>
</select>

显然，假设要追加如下：

<select>
<option value="All">All</option>
<option value="condition1">condition</option>
<option value="condition2">condition2</option>
</select>

这是jQuery代码：

for(var i=0; i<=option_array.length; i++){
          if(option_array.indexOf(condition)==-1){
          option_array.push(condition);

      $select.append('<option value="' + condition + '">' + condition + '<option>');
                  console.log("CONDITION!" + condition);
                  option_array.push(condition);

                 }

以下是原始HTML：

<select></select>

为什么会发生这种情况的任何想法？

Answer 1

您获得额外元素的原因是您有另一个开场标记

+ '<option>');
   ^^^

你错过了/

+ '</option>');
   ^^^

jQuery append（）空元素

1 个答案: