Javascript chọn onchange = 'this.form.submit()'

Question

Tôi có một biểu mẫu có lựa chọn và một vài đầu vào văn bản. Tôi muốn gửi biểu mẫu khi lựa chọn được thay đổi. Điều này hoạt động tốt bằng cách sử dụng các mục sau:

onchange="this.form.submit()" 

Tuy nhiên, nếu biểu mẫu này cũng không gửi khi biểu mẫu được thay đổi. Tôi đoán một số loại xung đột.

Tùy chọn của tôi ở đây là gì?

Tôi có nên sử dụng một cái gì đó như $(this.form).trigger("submit") để thay thế không?

Answer 1

Bạn sẽ có thể sử dụng một cái gì đó tương tự như:

$('#selectElementId').change(
    function(){ 
     $(this).closest('form').trigger('submit'); 
     /* or: 
     $('#formElementId').trigger('submit'); 
      or: 
     $('#formElementId').submit(); 
     */ 
    }); 

Answer 2

Nếu bạn đang sử dụng jQuery, nó cũng đơn giản như thế này:

$('#mySelect').change(function() 
{ 
    $('#myForm').submit(); 
}); 

Answer 3

kỹ năng gỡ lỗi tâm linh của tôi nói với tôi rằng bạn nộp có tên là submit.
Do đó, form.submit đề cập đến nút chứ không phải là phương pháp.

Đổi tên nút thành một cái gì đó khác để form.submit đề cập đến phương pháp một lần nữa.

Answer 4

Liên kết chúng bằng jQuery và làm cho jQuery xử lý nó: http://jsfiddle.net/ZmxpW/.

$('select').change(function() { 
    $(this).parents('form').submit(); 
}); 

Answer 5

Có một số cách có thể hoàn thành.

Các yếu tố biết chúng thuộc về loại nào, vì vậy bạn không cần phải bọc this trong jquery, bạn chỉ có thể gọi this.form trả về phần tử biểu mẫu. Sau đó, bạn có thể gọi số submit() trên phần tử biểu mẫu để gửi.

$('select').on('change', function(e){ 
    this.form.submit() 
    }); 

tài liệu: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

Answer 6

Sử dụng:

<select onchange="myFunction()"> 

    function myFunction() { 
     document.querySelectorAll("input[type=submit]")[0].click(); 
    }