Question

我们需要获取所选下拉列表的属性名称以进行分析。现在，如果我们点击任何一个。它只获得并显示＆＃34;主题＆＃34;。＆＃34;国家＆＃34;属性名称没有得到。

<form name="myForm">
  <input popover="Should be between 1 and 10" name="myInput" ng-model="test"
        popover-toggle="myForm.myInput.$error.max" max="10" type="number" 
        popover-placement="bottom" />
</form>

JS：

<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>

＆＃34; eventLab＆＃34;仅触发＆＃34;主题＆＃34;。不是＆＃34;国家＆＃34;

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

Answer 1

尝试在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
      });
    }
  });
});

Answer 2

＆＃13;

$('select.custom-select').change(function(){
$('#span').text($(this).attr('name'))


})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<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>


<span id='span'></span>

＆＃13;

使用$(this).attr('name')

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

2 个答案: