javascript - 更改点击选项标签时的输入

Question

我有以下代码

<li>
   <input type="checkbox" name="adfil_variants[Size][]" value="25" onclick="javascript: func_adfil_select_checkbox_filter(this);" id="adfil_variants_Size_25" />
   <label for="adfil_variants_Size_25"> 25</label>
</li>

我正在尝试将其更改为类似的内容，只是选项标记不支持 onclick。

<select>

<option  type="checkbox" name="adfil_variants[Size][]" value="n31" onclick="javascript: func_adfil_select_checkbox_filter(this);" id="adfil_variants_Size_n31" /><label for="adfil_variants_Size_n31"> n31</option>

<option type="checkbox" name="adfil_variants[Size][]" value="24" onclick="javascript: func_adfil_select_checkbox_filter(this);" id="adfil_variants_Size_24" /><label for="adfil_variants_Size_24"> 24</option>

 </select>

外部 JavaScript 文件:

function func_adfil_select_checkbox_filter(item) {

  document.advancedfilterform.submit();
}

function func_adfil_select_slider_filter() {

  $('#selector_changed').val('Y');

  document.advancedfilterform.submit();
}

function func_adfil_select_color_filter(gid, id) {

  if ($('[id="color_selector_' + gid + '_' + id + '"]').val() == '') {
    $('[id="color_selector_' + gid + '_' + id + '"]').val(id);
  } else {
    $('[id="color_selector_' + gid + '_' + id + '"]').val('');
  }

  document.advancedfilterform.submit();
}

function func_adfil_process_expandable_menu(id) {

  if ($('#' + id + '_content').css('display') == 'none') {
    $('#' + id + '_content').css('display', 'block');
    $('#' + id + '_collaps').css('display', 'block');
    $('#' + id + '_expand').css('display', 'none');
  } else {
    $('#' + id + '_content').css('display', 'none');
    $('#' + id + '_collaps').css('display', 'none');
    $('#' + id + '_expand').css('display', 'block');
  }
}

Answer 1

将 onChange 添加到“选择”中，而不是将 onclick 添加到每个“选项”中。

此外，如果倾向于使用 jQuery，您可以为选项指定一个类名称“selectClass”或“selectId”的 id，然后使用 jQuery 将单击事件绑定(bind)到具有类“selectClass”或“selectId”，如下所示:

$('.selectClass').change(function(){
    func_adfil_select_checkbox_filter($(this).val());
});

或者

$('#selectId').change(function(){
    func_adfil_select_checkbox_filter($(this).val());
});