Question

我想在jQuery中创建一个类似于Google表格的网络应用，但是当我尝试使用<select>获得一个$(select).val()值时，我会得到“空”。

我试图将代码放入$(button).click()中，然后它起作用了，所以我认为问题在于Javascript是在HTML之前执行的，但是我不确定。

$(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);
  });
)};

我只想获取$("#tables_SCT").val()。

Answer 1

您需要将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);
    });
  });
)};

无法获取jQuery中<select>元素的值

1 个答案: