php - 表单内的下拉列表....如何在没有按钮的情况下触发操作？

Question

<form id="form1" name="form1" method="post" action="foo.php">

  sort by:
  <select>
  <option name="date">sort by date</option>
  <option name="name">sort by name</option>
  <option name="price">sort by price</option>
  </select>

</form>

我想要的是，当我选择一个选项时，表单中的操作将自动执行？所以简而言之，我选择的内容将通过 $_POST 在 foo.php 中发送。我不希望输入按钮执行操作。

我需要 Javascript 来实现这一点吗？你能告诉我这样做的代码吗？如果它需要javascript那么如何

Answer 1

这将需要 JavaScript，但如果您愿意使用 jQuery，那么这真的很容易。使用 jQuery 将是：

$('#form1 select').on('change', function() {
  $('#form1').submit();
});

select在 JavaScript 中，您正在绑定元素的 onChange 事件。一种方法是：

<select onChange="document.form1.submit()">

Answer 2

为此，您需要 javascript。

尽管您应该使用不显眼的 javascript，但基本代码如下所示：

<select onChange="document.forms['form1'].submit();">

您将事件处理程序附加到change事件并让它提交表单。

Answer 3

最简单的方法是直接将 javascript 与您的选择元素一起使用。该事件是 onChange。

 <select onchange="javascript:document.form1.submit();">

你也可以选择基于 jQuery 的表单。从http://jquery.com/下载 jQuery javascript并将其包含在您的 HTML 中。之后，使用：

 <select id="sort">

而且，在你的内部：

 $(document).ready(function(){
           $("#sort").change(function() {
                    $(this).parent().submit();
           });
 });