1

子タグを持つ次の div タグがあります。 

<div class="span6">
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
</div>

そして、配列に従って子<div class="control-group"></div>を親に追加したい。<div class="span6"></div>だから私は以下のようにjavascriptを書いています。

$.each(categories, function (k, elem) {
    var options = '';
    var options = '
    <div class="control-group">
        <label for="StockCategory">Category</label>
        <div class="controls">
            <select class="input-xlarge get-category">
    ';
    options +='<option value="">Select Category</option>';
    $.each(data, function(key, value) {
        options += '<option value="' + key + '">' + value + '</option>';
    });
    options +='
            </select>
        </div>
    </div>';
    $("div.span6").append(options);
}

だから私は配列に従ってこれらの子divを追加したかったのですが、それは起こっていません。したがって、次の結果が必要でした。

<div class="span6">
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="inputEmail">Item Name</label>
        <div class="controls">
            <input type="text" id="inputEmail" class="input-xlarge" placeholder="Enter item name here...">
        </div>
    </div>
</div>

手に入れるのを手伝ってください。仕事はもっと評価されます。

4

4 に答える 4

1

私が最初に見ることは、span6にクロージングが</div>ないことです-それはそれを修正しますか？

于 2013-02-13T10:44:43.290 に答える
1

追加コードを $.each の外に置くようにしてください

var options = '';        
$.each(categories, function (k, elem) {
var options = '
<div class="control-group">
    <label for="StockCategory">Category</label>
    <div class="controls">
        <select class="input-xlarge get-category">
            ';
            options +='<option value="">Select Category</option>';
            $.each(data, function(key, value) {
            options += '<option value="' + key + '">' + value + '</option>';
            });
            options +='
        </select>
    </div>
</div>';

}
$("div.span6").append(options);
于 2013-02-13T10:48:16.130 に答える
1

スクリプトを次のように変更してみてください

var options = '';

$.each(categories, function (k, elem) {
    options += '
    <div class="control-group">
        <label for="StockCategory">Category</label>
        <div class="controls">
            <select class="input-xlarge get-category">
                <option value="">Select Category</option>
    ';
    $.each(data, function(key, value) {
        options += '<option value="' + key + '">' + value + '</option>';
    });
    options +='
            </select>
        </div>
    </div>';
}

$("div.span6").append(options);
于 2013-02-13T10:54:10.817 に答える
1

以下のjqueryは必要なことを行います。

<script type="text/javascript">
$(document).ready(function(){

    var data = { val1 : 'text1', val2 : 'text2', val3 : 'text3' };
    var options = '';
    $.each(data, function(key, value) {

/*  options = '<div class="control-group"><label for="StockCategory">Category</label><div class="controls"><select class="input-xlarge get-category">';
    options += '<option value="">Select Category</option>';
    options += '<option value="' + key + '">' + value + '</option>';
    options +='</select></div></div>';
*/  


    options = '<div class="control-group"><label class="control-label" for="' + key + '">' + key + '</label><div class="controls">';
    options +='<input type="text" id="' + key + '" class="input-xlarge" placeholder="' + value + '">';
    options +='</div></div>';



    $("div.span6").append(options);

    });
});
</script>
于 2013-02-13T11:02:34.693 に答える