2013-05-09 32 views
0

請轉到http://jsfiddle.net/RZy4E/,我怎麼在選擇時看不到警報框中的選項值?Jquery選項值不能顯示在警報框中

<script type="text/javascript"> 
$(document).ready(function(){ 

$("#filterCountry").change(function(){ 
    var parameters = $('#form_search').serialize(); 
    alert(parameters); 
    /*$.ajax({ 
     url: 'ajax_profile.php', 
     data: parameters, 
     type: 'POST', 
     success: function(data){ 
      $('#load_vids').html(data); 
     } 
    });*/ 
}); 

}); 
</script> 

</head> 

<body> 

<form name="form_search" action="" method="post" enctype="multipart/form-data"> 
<div style="padding-bottom:6px;"> 
    Country:<br /> 
    <select id="filterCountry" name="filterCountry" style="background:#e5e5e5;border:solid 0 #bbb;font-size:11px;width:135px;height:18px;padding:2px;"> 
     <option value="all">All</option> 
     <option value="FR">FRANCE</option> 
     <option value="MY">MALAYSIA</option> 
     <option value="NP">NEPAL</option> 
    </select> 
</div> 
</form> 

</body> 

回答

3

您必須將id="form_search"屬性添加到您的<form>

0

導致你錯過添加id形成

<form name="form_search" id="form_search" action="" method="post" enctype="multipart/form-data" > 
        //---^^^^^^^^^^^^^^^^---here 

,你是序列化與id選擇

2

形式試試這個:

var selected = $(this).find('option:selected').val(); 
alert(selected); 

DEMO HERE

4

您需要使用:

$('[name="form_search"]').serialize(); 

,因爲你給你的表格name="form_search"沒有id="form_search"

如果你想直接獲取表單的值,你可以這樣做:

$('[name="form_search"]').find(':selected').val(); 

Updated Fiddle

+1

現在我知道了......感謝@Eli Taiwanese ?! – Olrac 2013-05-09 07:38:49

+1

@OlracVaizard很高興幫助。順便說一句,好猜:) – Eli 2013-05-09 07:47:16

0

你的代碼有一些錯誤。所以使用下面的代碼來獲取數據。

var parameters = $('form[name=form_search]').serialize(); 
alert(JSON.stringify(parameters)); 
0

要麼給ID爲論壇像

<form name="form_search" action="" method="post" id="form_search" enctype="multipart/form-data"> 

或表單名稱檢索類似

var parameters = $('form[name="form_search"]').serialize(); 
alert(parameters);