javascript - jQuery 多重选择器，带有 $(this) 用于下拉菜单和文本字段

Question

$('#sb_Height_Questionnaire_afraid_of_heights ,
    #tf_Height_Questionnaire_afraid_of_heights').on('change',function(){                  
      if ($(this[0]).val() == 'Yes' || $(this[0]).val() == 'No'){
        $("#hf_Height_Questionnaire_afraid_of_heights").val("Are you afraid of heights:" 
         + $(this[0]).val() + $(this[1]).val());
      } 
});

如果选择"is"或“否”，则执行某些操作。 onchange 甚至选择框和文本字段示例:https://jsfiddle.net/mkhizess/s9or1c20/

Answer 1

在事件处理程序内部，this 将引用更改的元素，而不是选择器选择的所有元素，因此 this[0] 将是未定义的。

所以尝试一下

var $els = $('#sb_Height_Questionnaire_afraid_of_heights , #tf_Height_Questionnaire_afraid_of_heights').on('change', function () {
    if ($(this).val() == 'Yes' || $(this).val() == 'No') {
        $("#hf_Height_Questionnaire_afraid_of_heights").val("Are you afraid of heights: " + $els.eq(0).val() + $els.eq(1).val());
    }
});