Question

我有以下js代码，我不知道何时输出sel.html（），它不包括html选项。比我必须保留标记。

function replTypeSelect(replType){
    var sel = $('<select/>');
    $.each(replTypeOptions, function(i, item) {
        var option = $("<option></option>");
        option.val(item.val);
        option.text(item.text);

        if(item.val == replType){
            option.attr('selected','selected');
        }
        option.appendTo(sel);

    });

    return "<select>".concat(sel.html(), "</select>");
}

Answer 1

改为使用$(element)[0].outerHTML ...

在下面尝试此代码：

function replTypeSelect(replType){
    var sel = $('<select/>');

    var replTypeOptions = [
      {val:'my', text:'Malaysia'},
      {val:'uk', text:'United Kingdom'},
      {val:'us', text:'United State'},
      {val:'id', text:'Indonesia'},
    ];

    $.each(replTypeOptions, function(i, item) {
        var option = $("<option/>");
        option.attr('value', item.val);
        option.text(item.text);

        if(item.val == replType){
            option.prop('selected',true);
        }
        option.appendTo(sel);
    });

    return sel[0].outerHTML;
}

请轻松查看此提琴：R.split

Answer 2

您可以这样做。

return sel.wrap("<span />").parent().html()

jQuery的选择HTML不包括选择标记

2 个答案: