如何在HTML5中用combobox实现自动提交并将数据返回到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

创建一个隐藏的提交类型按钮(即显示:无；)，通过jquery加载页面后自动点击它(即$('# submit ').click() )，创建一个用于点击提交按钮的函数，在页面加载后调用它...

编辑: HTML：

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

Javascript：

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

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