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

How to make an auto submit with combobox in HTML5 and return the data to html file

本文关键字：提交 数据 文件 html 返回 HTML5 组合      更新时间：2023-09-26

我的代码:

<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吗?

感谢您的帮助。

<datalist onchange="this.form.submit()">
这将自动发送表单

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

编辑:HTML: 

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

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

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

相关文章：