0

我正在尝试使用 jQuery 填充具有相同类的几个选择框。这是我的代码

populateFieldMapping: function (data,obj) {
        jQuery('.field-mapping select').each(function()
        {
            var option = '<option value="" data-custom-id="_select_">' + "please select a field" + '</option>';
            jQuery.each(data, function (i, res) {
                option += '<option value="' + res.id + '" data-custom-id="' + dataID + '"  data-custom-name="' + res.name + '">' + res.name + '</option>'
            });
            $(this).html(option);
            obj.select2();
        });
    },

我的 HTML

<div class="field-mapping">
     <select id="podio-fields-mapping" class="form-control" tabindex="-1">
     </select>
     <select id="podio-fields-mapping" class="form-control" tabindex="-1">
     </select></div>

一切正常，除了我只为第一个选择框获得“请选择一个字段”默认选项。有什么问题？我在每个选择框中获取所有值。

obj = $('.form-control');
4

2 回答 2

0

这更具可读性，并且充分利用了 jQuery

populateFieldMapping: function (data,obj) {
  jQuery('.field-mapping select').each(function() {
    var options = [];
    $sel = $(this);
    options.push($('<option/>',
     {"value":"", 
      "data-custom-id":"_select_",
      "text":"please select a field"})

    jQuery.each(data, function (i, res) {
      options.push($('<option/>',
        {"value":res.id,
         "data-custom-id":dataID,
         "data-custom-name=":res.name,
         "text":res.name});
    });
    $sel.empty().append(options);
  });
},
于 2015-04-23T11:51:18.173 回答
0

恐怕您的代码有一些错别字：

jQuery('.field-mapping select').each(function()
{
    var option = '<option value="" data-custom-id="_select_">' + "please select a field" + '</option>', // <- here you have a ',' instead of ';'
    jQuery.each(data, function (i, res) {
            option += '<option value="' + res.id + '" data-custom-id="' + dataID + '"  data-custom-name="' + res.name + '">' + res.name + '</option>'
    }}); // <- here you have an aditional '}'
    $(this).html(option);
 });

请检查您的控制台是否有错误。

id="podio-fields-mapping"您的标记中也不能有两个相同的元素。

工作小提琴。

于 2015-04-23T11:38:38.483 回答