Jquery 自定义选择-获取所选下拉列表的属性名称

我们需要获得分析所选下拉列表的属性名称。现在，如果我们单击其中一个。它只获取并显示“主题”。未获取“国家/地区”属性名称

<label>Subject</label>
<br />
<select name="subject" class="custom-select">
    <option value="">enquiry?</option>
    <option value="1">General enquiry</option>
    <option value="others">Others</option>
</select>

<label>Country</label>
<br />
<select name="Country" class="custom-select">
    <option value="Australia" selected="selected">Australia</option>
    <option value="2">New Zealand</option>
</select>

“eventLab”仅触发“subject”。不是“国家”

---

不确定调用公共元素时使用的jQuery代码是否错误。

尝试在selectize（）函数调用外部声明一个

var name

，然后在内部使用它。它应该将name属性连接到

onBlur

事件：

$('.custom-select').each(function() {

  var name = $(this).attr('name');
  var select = $(this).selectize({

    onChange: function(value) {
      Forms.onChangeSelectValue(value, select);
    },

    onBlur: function(){
      Analytics.pushData({
        eventCat: 'Form',
        eventAct: document.title,
        eventLab: name
      });
    }
  });
});

$（'select.custom select'）.change（函数（）{
$（'#span'）.text（$（this.attr（'name'））
})

主题

询问
一般查询
其他
国家

澳大利亚
新西兰

@Tushar-复制/粘贴时遗漏了它，这仍然是因为您的jQuery选择器。尝试使用此并查看发生了什么。获取“未定义”。。。如果我使用$（this.attr（'name'）；请参见编辑。在我最初的回答中，我没有看到这是一个函数中的函数

$('.custom-select').each(function() {

  var name = $(this).attr('name');
  var select = $(this).selectize({

    onChange: function(value) {
      Forms.onChangeSelectValue(value, select);
    },

    onBlur: function(){
      Analytics.pushData({
        eventCat: 'Form',
        eventAct: document.title,
        eventLab: name
      });
    }
  });
});