尝试在下拉列表中用逗号分隔四个项目

Question

尝试使用逗号分隔四个项目，这些项目在jQuery Ajax成功时从数据库中绑定。 html方

<td><select class='form-control' id='Certific'><option value='' disabled='disabled' selected='selected'>Please select a name</option></select></td>

关于jQuery Ajax函数的成功我会像这样附加它选项。

success: function (r) {
    var Certific = $("[id*=Certific]");
    $.each(r.d, function () {
        Certific.append($("<option></option>").val(this['CODE_VALUE']).html([this['CODE_VALUE'], this['CODE_DESC'], this['CODE_SUB_VALUE'], this['CODE_SUB_DESC']]));
    });
}

o / p就像这样出现

我想安排下拉菜单：127，线圈，重量，1KGS并删除第二个下拉项目“请选择一个名称”。

Answer 1

对于第一部分，只需从选择标记中删除“请选择名称”值。

<select class='form-control' id='Certific'><option value='' disabled='disabled' selected='selected'></option></select>

要添加逗号，您可以尝试以下操作。 （代码未经过测试）

success: function (r) {
var Certific = $("[id*=Certific]");
var option = $('<option/>');

$.each(r.d, function () {
    var value= this['CODE_VALUE'] +', ' + this['CODE_DESC'] +', ' + this['CODE_SUB_VALUE'] +', ' + this['CODE_SUB_DESC'];
    option.attr({ 'value': this['CODE_VALUE'] }).text(value);
    $(option).append(option);
});
$(Certific).append(option);
}    

Answer 2

改变游览第一选项：

<option value="" disabled selected>Select your option</option>