javascript - 如何将值从 HTML 下拉框发送到 JQuery 函数

Question

我是 JQuery 的新手，对 javascript 一点经验都没有，经过几个小时的尝试，我放弃了。我知道如何在 PHP 中执行此操作，但在 JQuery 中尝试时我缺少一些东西。

我有一个 html 文件，它生成一个看起来像 tihs 的 dorpdown 框:

<form action="" method="GET">
  <select id="countiesList" name="counties">
    <option value="all" selected="selected">All Counties</option>
    <option value="county1">County 1</option>
    <option value="county2">County 2</option>
    ...
  </select>
</from>

1. 如何将下拉框中的选定值传递给 JQuery 函数？我是否必须在表单中提及我想使用的功能？
2. 我应该有一个提交按钮吗？ (我不想)

--已编辑--我的意思是我想找出用户选择了哪些选项，以便我可以在另一个函数中使用它。

非常感谢!

Answer 1

听起来您想在更改时立即提交。在那种情况下使用 change event像这样:

$(function() { //run when the DOM is ready
  $("#countriesList").change(function() { //this runs when the selection changes
    $.post("myPage.php", { country: $(this).val() }, function(data) {
      //use data here
    });
  });
});

这样做的目的是当您的选择发生变化时，我们会发布到 "myPage.php"它获取 country 的 POST 变量，这将是您选择的值( all 、 country 等)。只需从 $_POST["country"] 得到这个并呈现您的回复...这将是 data在上面 $.post() 打回来。然后，您可以对该响应做任何您想做的事情，例如，如果它是另一个 <select>使用状态，您可以将其附加到某个地方，例如:

$("#nextDropDownContainer").html(data);