javascript - 获取使用 AJAX 加载的 select 的值

Question

我正在通过 AJAX 加载选择，然后尝试将选择的值用于另一个 AJAX 调用。

所以我有:

<select id ="thisSelect">
  <option value = "someValue1"> Some Value 1 </option>
  <option value = "someValue2"> Some Value 2 </option>
</select>

这加载得很好。然后我尝试像这样访问 thisSelect 的值:

$(document).ready(function(){
    var value = $('#thisSelect').val(); 
    alert(value); 
});

它仅注册原始 AJAX 调用中加载的第一个值，并且不捕获任何更改。

有什么想法吗？我尝试过:

 $('#thisSelect').on('change', function() {
    var value = (this.value);
    //or
    alert(this.value);  
});

在同一个 $(document).ready block 中，但“值”显示为未定义，并且我没有收到警报框。

Answer 1

听起来您的内容是在 onchange 语句运行后加载的。

使用委托(delegate)事件处理程序来进行更改:

 $(document).on('change', '#thisSelect', function() {
    var value = $(this).val();
    alert(value);  
});

这是通过监听事件冒泡到不变的祖先元素来工作的(如果没有更接近的元素，则文档是默认值)。然后它在事件时应用 jQuery 选择器，因此该项目只需在那时匹配。