提交表單選擇option.onClick

Question

當用戶使用jQuery單擊選項時，我將如何提交表單？我發現使用datepicker文本輸入一個類似的問題，但我不熟悉jQuery，所以我似乎無法將其轉換爲選擇項目的工作。

Answer 1

上<option>的click：

$('option').click(function() 
{ 
    $(this).closest('form').submit(); 
}); 

在一個<select>的change（這可能是你想要的）：

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

---

由於@Guffa評論：

選項上的click事件不適用於所有瀏覽器。 Safari例如不觸發它。

...所以你絕對想要第二個。

Answer 2

$('#option').click(function() { 
    // form validation and such then 

    $('form').submit(); 
}) 

這是我能想到的

更新最簡單的方法：

的具體形式，可以使用其名稱或ID，它真的取決於你的HTML看起來像

$('form[name="formnamehere"]').submit(); 

Answer 3

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

Answer 4

關於選項的click事件不適用於所有瀏覽器。使用select元素的change事件。

例子：

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

注意，當你調用submit方法來發布表單形式的submit事件不會被觸發。

Answer 5

我發現其他答案有幫助，但要真正實現我需要根據每個選項的個人行爲的點擊這正是我需要的：

jquery: option plus class and click

Answer 6

這些答案的小修正：

$(document).ready(function() { 
    $('#some_link').click(function() { 
     $('#form_id').submit(); 
    }); 
});