【问题标题】:Trying to separate four items with comma in Dropdown list尝试在下拉列表中用逗号分隔四个项目
【发布时间】:2018-01-30 04:46:54
【问题描述】:

尝试使用逗号分隔四个项目,这些项目在 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,Coil,wt,1KGS 这样的下拉菜单并删除第二个下拉项目“请选择一个名称”。

【问题讨论】:

  • 如果答案有助于解决您的问题,请将其标记为正确答案。

标签: jquery ajax


【解决方案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);
}    

【讨论】:

    【解决方案2】:

    像这样更改游览第一个选项:

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

    【讨论】:

      猜你喜欢
      • 2021-12-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多