php - 如何在 HTML5 中使用组合框进行自动提交并将数据返回到 html 文件

Question

我的代码：

<strong>Station Name</strong>

<!--This part combobox with HTML5 -->
<input type=text list=Stations>
<datalist id=Stations>
    <option>Station1</option>
    <option>Station2</option>
    <option>Station3</option>
    <option>Station4</option>
</datalist>

<div>
    <strong>Number of Passanger</strong>
</div>

我想在选择电台时自动提交并将一些数据（数据可以是随机数）返回到Number of Passengers. 我怎么能用javascript做到这一点？需要PHP吗？

谢谢您的任何帮助将不胜感激。

Answer 1

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

这将自动发送表格

Answer 2

创建一个隐藏的提交类型按钮（即 display:none;），通过 jquery 加载页面后自动点击它（即 $('#submit').click() ），创建一个点击提交按钮的函数，之后调用它页面加载...

编辑：HTML：

<form ...>
...
<input type="submit" id="submit" style="display:none;" />
</form>

Javascript：

function submit_click(){
 $("#submit").click();
}

现在，当您调用自动表单填充数据的函数时，请在最后一行调用此函数submit_click();