顯示div中的數據單選按鈕通過ajax點擊：已解決

Question

我想在ajax調用中顯示用戶選定的數據。

情景是我有兩個單選按鈕，當用戶單擊任一個時，它應該在響應div中顯示右側的相應數據。

HTML：

<form id="package-call" method="post" accept-charset="utf-8"> 
    <div class='pakges'> 
     <div class="sub-pakge"> 
      <div class="sub-pakge-content"> 
       <span class="content-title">North America</span><br> 
       <span class="content-title">Basic</span> 
       <div class="content-time">150 Minutes</div> 
       <span class="content-price">Rs.500</span> 
       <div class="pakges-radio"><input type="radio" name="package" id="package" > </div> 
      </div> 
     </div> 
     <div class="sub-pakges"> 
      <div class="sub-pakges-content"> 
       <span class="content-title">North America</span><br> 
       <span class="content-title">Max</span> 
       <div class="content-time">400 Minutes</div> 
       <span class="content-price">Rs.200</span> 
       <div class="pakges-radio"><input type="radio" name="package" id="package"> </div> 

      </div> 
     </div> 
    </div> 
</form> 

AJAX：

$("#package").click(function(e){ 

    $.ajax({ 
     type: "POST", 
     url: "package _selection.php", 
     data: $('#package_call').serialize(), 
     success: function(response) {} 
    }); 

}); 

這就是我想告訴我的反應股利：

<div class="form-results"> 
    <div class="rslt-content-main"> 
     <div class="rslt-content">Selected Pakages/Bolts</div> 
     <div id="package_response"></div> 
    </div> 
</div> 

和這些結果div的，我想從包_selection.php通過Ajax調用來獲取並要分別顯示

<div class="radio_one_rslt"> 
    <div>voice:</div><br /> 
    <div>IDD Asia - Rs 200</div> 
</div> 

<div class="radio_two_rslt"> 
    <div>voice:</div><br /> 
    <div>IDD Asia - Rs 500</div> 
</div> 

Answer 1

對於收聽電臺按鈕，使用「變」事件

$("#package").on('change', function(e){ 

然後，假設你的反應是要附加的HTML，

$.ajax({ 
    type: "POST", 
    url: "package _selection.php", 
    data: $('#package_call').serialize(), 
    success: function(response) { 
    $('#package_response').append(response); 
    } 
}); 

博客文章附加在你的成功回調以供參考：http://blog.stephenborg.com/?p=37