Question

我有一个动态生成以下html的javascript。我想要所有列表元素的两个下拉列表。这里只发生了最后一个列表元素。

<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。这里＆＃34; driverSelectBox＆＃34;和＆＃34; vehicleSelectBox＆＃34;两个下拉列表已动态创建。

Answer 1

你需要展示一些东西。

这是一个jsFiddle：http://jsfiddle.net/t8jo77Le/

我硬编码/删除了你未能包含的内容。

我在这里添加了'你好'：

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

没有它，它就不会显示。

jquery追加在我的应用程序中无法正常工作

1 个答案: