Question

我制作了一个简单的日历，您可以通过下拉列表选择年份和月份。

<form name=calenderselect method='post' action='calendar.php'>
<select name='month' id='month'>
<option>January</option>
<option>Februari</option>
<option>March</option>
....
</select>
<input type='submit' name='submit' value='Change' />
</form>

我发现每次想要更改月份时都必须按下提交按钮。我希望它能够改变我点击列表中的月份的那一刻。

Answer 1

在这里：<select name='month' id='month' onclick="this.form.submit()">

但我想你真的想通过onchange事件提交表单。

Answer 2

在您的选择中添加javascript事件：

<select name="month" id="month" onChange="yourjsfunction()">

Answer 3

<select name="month" id="month" onChange="document.getElementsByName('calenderselect')[0].submit()">

Answer 4

鉴于我们可以使用JavaScript来实现此功能（如其他答案中所述），我们不得不想知道我们是否需要提交日期控件的更改。使用AJAX获取所选日期所需的数据将更加顺畅，因为它不会刷新页面。

Answer 5

你需要一个客户端事件来实现这个目标（对于select来说可能是“onChanged”）。

1.听取事件：将onChange="submitForm()添加到选择标记 2.定义submitForm() javascript函数。它基本上是一个简单的表单提交，没有太长时间

完成！

查看谷歌：“如何通过Javascript提交表单”：

Answer 6

如果您使用的是jQuery ..

$("#month").live('change',function() {
  $('form').submit();
});

如果你想要你的html代码干净，这很有用。

如何在不使用Button上的提交事件的情况下提交表单。

6 个答案: