Jquery submit submit button을 클릭하지 않고 양식 제출

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()가 변경되어 제출할 양식을 전달합니다.

Ex.

$('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

바인드 변화에 양식을 제출합니다 select 요소에 대한 변경 이벤트 :

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

submitdocs :

설명 : "제출"에 이벤트 처리기를 바인딩 자바 스크립트 이벤트, 또는 해당 이벤트를 요소에서 트리거하십시오.

Answer 4

먼저이 양식이 form1

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

두 번째는 당신이 당신의 드롭 다운리스트의 이벤트 변화라는 아약스가 호출 DropDownList로 당신 가정하면 만들 수라고 가정 이벤트를 트리거 할 수 있습니다 example

$ ('select # example'). 변경 (function() {

$.ajax({ 

    //your options 
    }); 
}) 

Answer 5

<form method='post' id='change_user' name="change" onChange="javascript: 
document.forms['change'].submit()"> 

또 다른 예 :

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

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

    }); 

내 예에서 form 내가 양식에 name=change을 고려하고에 이름 속성을 추가 JQuery와

사용

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

예.

Answer 6

우리는 또한 다음과 같이 시도 할 수 있습니다 : 당신은 몇 가지를 게시하지 않으려면

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

속성 값은 .... 옵션입니다.

유용 할 것입니다.