如何在没有提交按钮的情况下在 <select><option> 中提交值。 [复制]答案

【问题标题】：How to submit value in <select><option> without submit button. [duplicate]如何在没有提交按钮的情况下在 <select><option> 中提交值。 [复制]
【发布时间】：2017-06-21 15:47:52
【问题描述】：

这是我的代码：

<form action="?sort=SELECTEDVALUEHERE" method="GET">
<select>
<option value="1">Option 1 </option>
<option value="2">Option 2 </option>
<option value="3">Option 3 </option>
<option value="4">Option 4 </option>
<option value="5">Option 5 </option>
</select>
</form>

这就是我想要的：

如果有人点击选项 1，它将提交表单。我不想添加提交按钮

这个：

<input type=submit />

【问题讨论】：

致电form.submit()
stackoverflow.com/questions/7231157/…
您可能应该在开头添加一个空选项。否则默认选择选项1，点击不会改变选择。

标签： javascript php jquery html forms

【解决方案1】：

在<select>中调用.submit()：

<select onchange="this.form.submit()">

【讨论】：

我要发送这个网址?page='.$page.'&option=SelectedOptionHere 写在哪里？
您的数据将被发送至：action="?sort=SELECTEDVALUEHERE"
是的，我知道，但我想把它改成我告诉你的 url……如果可能的话？

【解决方案2】：

为form元素设置id属性，当select发生变化事件时触发submit事件。

$("select").change(function(){
     $("form").submit();
}

【讨论】：

我要发送这个网址?page='.$page.'&option=SelectedOptionHere 写在哪里？
用"name"="option"属性设置你的select元素，然后在表单中添加<input name="page" type="hidden" value="$page."/>...然后在上面添加我的js代码，它会按照你的预期提交数据