首页 > 解决方案 > 无法获得价值jQuery 中的元素我想在 jQuery 中创建一个类似于 google 表格的 Web 应用程序,但是当我尝试使用 $(select).val() 获取 <select> 值时,我得到`null。我试图将代码放入 $(button).click() 然后它起作用了,所以我认为问题是 Javascript 在 HTML 之前执行,但我不确定。$(function() { $.post("getTablesName.php", function(data) { $(

问题描述

标签: javascriptphpjqueryhtml

解决方案


您需要将该var name = $("#tables_SCT").val();行放在第一个 AJAX 回调中。就目前而言,您的代码正在尝试读取 DOM 中尚不存在的内容,因为填充选项元素的请求是异步的。

出于同样的原因,您还需要从此时开始进行第二次 AJAX 调用。尝试这个:

$(function() {
  $.post("getTablesName.php", function(data) {
    $("#tables_SCT").html(data);

    var name = $("#tables_SCT").val();
    $.get("getTable.php", { name: name }, function(data) {
      $("#columns").html(data);
    });
  });
)};

推荐阅读