Javascript jQuery append（）空元素

我想检索json数据并附加到HTML中的

标记。但每次它都会在特定元素后面加上一个空格。看起来像这样

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

全部的
条件
条件2

显然，它应该附加如下内容：

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

全部的
条件
条件2

以下是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);

                 }

---

for（var i=0；i获得额外元素的原因是您有另一个开始标记

+ '<option>');
   ^^^

+''；
^^^

你错过了比赛/

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

+''；
^^^
您获得额外元素的原因是您有另一个开始标记

+ '<option>');
   ^^^

+''；
^^^

你错过了比赛/

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

+''；
^^^
您获得额外元素的原因是您有另一个开始标记

+ '<option>');
   ^^^

+''；
^^^

你错过了比赛/

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

+''；
^^^
您获得额外元素的原因是您有另一个开始标记

+ '<option>');
   ^^^

+''；
^^^

你错过了比赛/

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

+''；
^^^
你一直循环到
你一直循环到
你一直循环到
你一直循环到
这是完美的原因。这是完美的原因。这是完美的原因。这是完美的原因。这是完美的原因。这是完美的原因。