Question

我有一个按钮，点击时将dropdownlist dynamically添加到div中，然后我需要为每个添加的dropdown设置选定的值。

此处 Demo ：

在我的演示中，可能n个containerDiv个n个setSelectedValue_n个$("#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); }); });个，我需要为受尊重的 ddl

设置 setSelectedValue_1

JS：

{{1}}

Answer 1

DEMO

每个选项中的附加值属性

更改

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));
    });
});

更新代码

DEMO

$("#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));
        });
});

Answer 2

你是说这样的意思吗？

$("#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++;
    });
});

更新了Fiddle

设置动态添加的下拉列表选择值，这是一个变量

2 个答案: