javascript - Jquery $(this).val();上 .ready 不工作

Question

打开网页时，我试图获取下拉选项的值(选择标记上有一个 id)

使用

$(document).ready(function() {

  $('#cat_list').ready(function(){
  var category =  $(this).val();
  alert(category);
  });

});

我收到一条空白警报。

但是使用 .change (当在下拉列表中选择其他内容时)以下代码可以完美地使用相同的功能

$(document).ready(function() {

  $('#cat_list').change(function(){
  var category =  $(this).val();
  alert(category);
  });

});

最后，这可以使用基本的 javascript 进行工作，并且可以成功获取打开、刷新、表单提交失败等时的值

$(document).ready(function() {

  $('#cat_list').ready(function(){
  var e = document.getElementById("cat_list");
  var category = e.options[e.selectedIndex].value; 
  alert(category);
  });

});

感谢您对为什么第一个版本 .ready + $(this).val(); 的任何帮助失败

Answer 1

正确的代码是:

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