Question

一旦从下拉菜单中选择用户，我想使用Jquery自动提交表单。我不希望任何提交按钮提交表单。我如何使用Jquery做到这一点？

我的代码如下：

$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>";

Answer 1

用户jquery的.change（）来识别drop的值已经改变并传递给提交的表单。

实施例。

$('userDropdown').change(function() {
            $('form').submit(); 
    });

Answer 2

用户jQuery的.submit()方法：

$('#change_user').submit();

如果您想在选择下拉列表中的项目后提交表单，请在下拉菜单中添加change处理程序，并将调用发送到submit()：

$('select[name="hpn_user"]').on('change', function(){
    $('#change_user').submit();
});

Working demo here

Answer 3

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

使用Jquery的示例

$('hpn_user').change(function() {

   document.forms["change"].submit();

    });

在form中添加名称属性在我的示例中，我正在考虑您的表单中的name=change。

Answer 4

我们也可以尝试这样：

  $("#DropDown").change(function(){
            $("#myform").attr("action", "Your URl/"+attr);
            $("#myform").submit();
  })

属性值是可选的....除非你想发布一些。

希望它有用。

Answer 5

将更改事件绑定到将在更改时提交表单的select元素：

$('select[name="hpn_user"]').change(function(){
    $('#change_user').submit();
});

submit docs：

描述：将事件处理程序绑定到“提交”JavaScript事件， 或在元素上触发该事件。

Answer 6

首先，您可以触发该事件，假设其形式为form1

$('form#form1').trigger('submit');

第二，您可以在下拉列表的事件更改中调用ajax假设您调用dropdownlist example

$（ '选择＃例子'）。改变（函数（）{

  $.ajax({ 

    //your options
  });
})

Jquery提交表单而不点击提交按钮

6 个答案: