0

クリックすると a を div に追加するボタンがあり、追加dropdownlist dynamicallyされたそれぞれに対して選択した値を設定する必要がありますdropdown。

ここでデモ：

n私のデモでは、の数がcontainerDivあり、それぞれのn数 が存在する可能性があるため、尊重されたddlに対してsetSelectedValue_1setSelectedValue_n を設定する必要があります

J:

$("#btn").on('click', function () {
    var setSelectedValue_1 = 'mno';
    var setSelectedValue_2 = 'pqr';
    var setSelectedValue_3 = 'abc';
    $('.containerDiv').each(function () {

        var ddGenerate = '<select><option>abc</option><option>pqr</option>option>xyz</option> <option>mno</option></select>';
        $(this).append(ddGenerate);
    });
});
4

2 に答える 2

1

デモ

各オプションのここに値属性を追加

変化する

var ddGenerate = '<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option>mno</option></select>';
                                    ^ //added value attribute here in each option

.appendTo()と.val( )を読む

 $(ddGenerate).val('abc').appendTo($(this));

完全なコード

$("#btn").on('click', function () {
    var setSelectedValue_1 = 'mno';
    var setSelectedValue_2 = 'pqr';
    var setSelectedValue_3 = 'abc';
    $('.containerDiv').each(function () {

        var ddGenerate = '<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option>mno</option></select>';
        $(ddGenerate).val('pqr').appendTo($(this));
    });
});

更新されたコード

デモ

$("#btn").on('click', function () {
    var arr = ['mno', 'pqr', 'abc'];
        $('.containerDiv').each(function (i) {
            var ddGenerate = '<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option>mno</option></select>';
            $(ddGenerate).val(arr[i]).appendTo($(this));
        });
});
于 2013-10-17T11:11:54.753 に答える
1

次のような意味ですか。

$("#btn").on('click', function () {
    var arr = ['mno', 'pqr', 'abc'],    
        i = 0;
    $('.containerDiv').each(function () {
        var selected_v = arr[i];
        var ddGenerate = '<select><option value="abc">abc</option><option value="pqr">pqr</option><option value="xyz">xyz</option> <option value="mno">mno</option></select>';
        $(this).append(ddGenerate);
        $(this).find("select option[value='"+selected_v+"']").prop("selected", true);
        i++;
    });
});

更新されたフィドル

于 2013-10-17T11:17:38.057 に答える