2015-03-18 10 views
0

我有一個javascript,它是動態生成下面的html。我想要所有列表元素的這兩個下拉列表。這裏只發生在最後一個列表元素。jquery append在我的應用程序中無法正常工作

<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」是兩個已經動態創建的下拉菜單。

+0

你試過'$('ul#drivernvehicle li')。append(items);'? – Mottie 2015-03-18 21:53:23

+0

可以包含'driverSelectBox','vehicleSelectBox''js','html'? – guest271314 2015-03-18 21:57:36

+0

'#noOfVehicle'不存在? – lshettyl 2015-03-18 22:04:12

回答

0

您需要顯示某些內容。

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

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

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

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

沒有它,它不會顯示。

+0

不,對於字符串值作爲李項目它正在工作,但不是對象。無論如何,我發現解決方案只需克隆兩個選擇框,否則它無法工作。所以現在我改變了下面兩行,它只是起作用.append(driverSelectBox.clone()) \t \t \t \t \t .append(vehicleSelectBox.clone());但非常感謝你的回答。 – Prabir 2015-03-19 04:00:53

相關問題