2013-04-13 20 views
-1

如何序列化這個表單數據在加載函數function.it的序列化唯一的無線電值。當我點擊更改值並點擊「保存」按鈕時ajax只爲收音機工作...什麼是問題可能是?

的Javascript

$(document).ready(function() { 

$("#pard_configure_a").click(function() { 

     $("#pard_admin").load('../pard_admin/view/configure.php', function() { 




      $(":submit").click(function(event) { 
     event.preventDefault(); 


     var data = $("#pard_site_configuration").serialize(); 
$("#hhh").html(data); 
     $.ajax({ 

      url: "../controller/configure.controller.php", 
      type: "POST", 
      data:data, 

      success: function(responce) { 
       //$("#res").html(responce); 

      } 
     }); 



    }); 





}); 
}); 


}); 

HTML中的id = 「HHH」

<div id="pard_configure"> 
<p> 
<form id="pard_site_configuration" method="post"> 
<fieldset> 
<legend >Site Configuration</legend> 
<!-- Site Settings--> 
<div id="pard_site_settings"> 
<label class="pard_site_settings">Site Settings</label> 
<div class="input-prepend"> 
<span class="add-on">Site Title</span> 
<input class="span6" id="prependedInput" type="text" > 
</div> 
<br/> 
<div id="pard_site_offline_radio" class="input-prepend"> 
<span class="add-on">Site Offline</span> 

<label id="radio_1" class="radio"> 

<span class="add-on">ON</span> 

<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 
</label> 
<label id="radio_2" class="radio"> 
<span class="add-on">OFF</span> 
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"> 

</label> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Admin Email</span> 
<input class="span3" id="prependedInput" type="text" placeholder="[email protected]"> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Meta Description</span> 
<br/> 
<textarea rows="3"></textarea> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Meta Keywords</span> 
<br/> 
<textarea rows="3"></textarea> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Copyright</span> 
<br/> 
<textarea rows="3"></textarea> 
</div> 
</div><!-- Site Settings end--> 
<!-- Database Settings--> 
<div id="pard_database_settings"> 
<label class="pard_database_settings">Database Settings</label> 
<div class="input-prepend"> 
<span class="add-on">Host</span> 
<input class="span2" id="prependedInput" type="text" placeholder="localhost"> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Database Name</span> 
<input class="span2" id="prependedInput" type="text" placeholder="database"> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Database Username</span> 
<input class="span2" id="prependedInput" type="text" placeholder="Username"> 
</div> 
<div class="input-prepend"> 
<span class="add-on">Database Password</span> 
<input class="span2" id="prependedInput" type="text" placeholder="Password"> 
</div> 
</div><!-- Database Settings end--> 
<div id="pard_admin_form_button"> 
<input id="pard_site_configuration_submit" class="btn btn-small btn-primary" type="submit" value="Save"/> 
<input class="btn btn-small" type="submit" value="Close" /></div> 
</fieldset></form> 
</p><div id="hhh"></div></div> 

序列化結果

optionsRadios=option1 

注意我設置ID = 「HHH」 作爲temorory地方查看序列化數據

+0

爲什麼要放票? – dilini

+1

請學習調試JS https://getfirebug.com/javascript這真的很有用,你至少可以給出錯誤信息或什麼,甚至自己解決這個問題。 '爲什麼這不起作用'是一個糟糕的問題。 – fsw

回答

1

確保你有你的所有表單輸入name屬性:

<input name="someName" class="span6" id="prependedInput" type="text" > 

你的代碼工作的單選按鈕,因爲他們有name屬性。在使用.serialize()時,這會忽略不具有名稱屬性的元素。

+0

完美答案.......這怎麼會發生?你能解釋一下嗎? – dilini