jquery append在我的應用程序中無法正常工作

Question

我有一個javascript，它是動態生成下面的html。我想要所有列表元素的這兩個下拉列表。這裏只發生在最後一個列表元素。

<ul id="drivernvehicle"> 
    <li> 
     <div class="form-group" id="1"></div>1.</li> 
    <li> 
     <div class="form-group" id="2"></div>2.</li> 
    <li> 
     <div class="form-group" id="3"></div>3.</li> 
    <li> 
     <div class="form-group" id="4"></div>4. 
     <select class="form-control input-lg required"> 
      <option value="M" selected="selected">&lt;--select Driver--&gt;</option> 
      <option value="25">25</option> 
     </select> 
     <select class="form-control input-lg required"> 
      <option value="N" selected="selected">&lt;--select Vehicle--&gt;</option> 
      <option value="23">23</option> 
     </select> 
    </li> 
</ul> 

JS

$('#drivernvehicle').empty(); 
var i = $('#noOfVehicle').val(); 
var j; 
var temp; 
var items = []; 
for (j = 0; j < i; j++) { 
    temp = j + 1; 

    //var selectDiv = selectDiv + temp; 
    var selectDiv = $("<li><div class=\"form-group\" id=\"" + temp + "\"></div></li>"); 
    selectDiv.append(temp + ". ") 
      .append(driverSelectBox) 
      .append(vehicleSelectBox); 
    items.push(selectDiv); 
} 
$('ul#drivernvehicle').append(items); 

的JavaScript低於生成上述HTML。這裏的「driverSelectBox」和「vehicleSelectBox」是兩個已經動態創建的下拉菜單。

Answer 1

您需要顯示某些內容。

這裏有一個的jsfiddle：http://jsfiddle.net/t8jo77Le/

我硬編碼/刪除您未能包括的東西。

我加入了 '你好' 在這裏：

$("<li><div class=\"form-group\" id=\"" + temp + "\">Hello</div></li>");

沒有它，它不會顯示。