Jquery提交表单而不单击提交按钮
一旦我从下拉菜单中选择了一个用户,我想使用Jquery自动提交一个表单。我不想要任何提交按钮来提交表单。如何使用Jquery实现这一点 我的代码如下:Jquery提交表单而不单击提交按钮,jquery,Jquery,一旦我从下拉菜单中选择了一个用户,我想使用Jquery自动提交一个表单。我不想要任何提交按钮来提交表单。如何使用Jquery实现这一点 我的代码如下: $table .= "<form method='post' id='change_user'><select name='hpn_user'>"; foreach($hpnusers as $hpnuser){ $table .= "<option value='". $hpnuser['id'] . "'&
$table .= "<form method='post' id='change_user'><select name='hpn_user'>";
foreach($hpnusers as $hpnuser){
$table .= "<option value='". $hpnuser['id'] . "'>" . $hpnuser['first_name'] . "</option>";
}
$table .= "</select><input type='hidden' name='submit' value='1' ></input></form>";
用户jQuery的方法:
如果要在选择下拉列表中的项目后提交表单,请在下拉列表中添加更改处理程序,并在其中调用submit:
$('select[name="hpn_user"]').on('change', function(){
$('#change_user').submit();
});
将更改事件绑定到将在更改时提交表单的select元素:
$('select[name="hpn_user"]').change(function(){
$('#change_user').submit();
});
提交:
描述:将事件处理程序绑定到submit JavaScript事件,
或者在元素上触发该事件
首先,您可以触发事件,假设它的表单名为form1 第二,假设dropdownlist被称为示例,您可以在dropdownlist的事件更改中调用ajax $'selectexample'.changefunction{
$.ajax({
//your options
});
})
在表单中添加Name属性
在我的示例中,我正在考虑表单中的name=change。用户jquery的.change来识别drop的值已更改,并在表单中传递以提交 前
我们也可以这样尝试:
$("#DropDown").change(function(){
$("#myform").attr("action", "Your URl/"+attr);
$("#myform").submit();
})
属性值是可选的…除非您想发布一些
可能希望它有用。您可以将更改事件处理程序添加到对表单元素调用submit的select元素中。不推荐使用内联脚本。
$.ajax({
//your options
});
})
<form method='post' id='change_user' name="change" onChange="javascript:
document.forms['change'].submit()">
<form action="./" method="GET">
<div align="center"">
<select name="state" onchange="this.form.submit();">
<option>Choose One To Submit This Form</option>
<option value="CA">CA</option>
<option value="VA">VA</option>
</select>
</div>
</form>
$('hpn_user').change(function() {
document.forms["change"].submit();
});
$('userDropdown').change(function() {
$('form').submit();
});
$("#DropDown").change(function(){
$("#myform").attr("action", "Your URl/"+attr);
$("#myform").submit();
})