jquery序列化或提交表單與Firefox中的選定選項無效

Question

我遇到問題，找不到任何解決方案。也許有人有類似的問題。下面是形式：

<form class="filter-form" name="filter_form" action="[url]" method="POST"> 

<select name="active_filter" style="display: none;"> 
    <option value="all">All</option> 
    <option value="active">Active</option> 
    <option value="inactive">Inactive</option> 
</select> 


<select name="date_filter" style="display: none;"> 
    <option value="date_desc">Desc</option> 
    <option value="date_asc">Asc</option> 
</select> 


</form> 

我設置選擇=上的選項「中選擇」使用jQuery（我必須這樣做，因爲我已經病急亂投醫「的下拉菜單」）。後jQuery的形式如下：

<form class="filter-form" name="filter_form" action="[url]" method="POST"> 

<select name="active_filter" style="display: none;"> 
    <option value="all">All</option> 
    <option value="active" selected="selected">Active</option> 
    <option value="inactive">Inactive</option> 
</select> 

<select name="date_filter" style="display: none;"> 
    <option value="date_desc">Desc</option> 
    <option value="date_asc" selected="selected">Asc</option> 
</select> 

</form> 

但後來我跑

$(".filter-form").serialize(); 

或只是submiting形式

$(".filter-form").submit(); 

我得到的迴應只有第一個選項元素：

"active_filter=all&date_filter=date_desc" 

發生此問題只有Firefox。我真的很感激任何幫助。謝謝。

P.S.對不起我的英文^^，

Answer 1

style =「display：none;」

這是一個問題

將它們設置爲visibility：hidden的和位置：絕對不是。這些字段不會以display：none發送到服務器，但會顯示：hidden。通過將「位置」切換爲「絕對」，您應該獲得相同的視覺效果。

Answer 2

在Firefox中測試，它工作正常。

$(function(){ 
    $("#disp").text($(".filter-form").serialize()); 
}); 

以下是演示：http://jsfiddle.net/ashishanexpert/m8uXd/