hiển thị dữ liệu trong div trên nút radio nhấp qua ajax: Đã giải quyết

Question

Tôi muốn hiển thị dữ liệu được chọn bởi người dùng trên cuộc gọi ajax.

Kịch bản là tôi có hai nút radio và khi người dùng nhấp vào một nút, nó sẽ hiển thị dữ liệu tương ứng ở bên phải, trong div phản hồi.

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) {} 
    }); 

}); 

Đây là div nơi mà tôi muốn thể hiện phản ứng của tôi:

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

Và đây là những kết quả của div mà tôi muốn để có được thông qua cuộc gọi ajax từ gói _selection.php và muốn hiển thị tương ứng

<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

Đối nghe một nút radio, sử dụng 'thay đổi' sự kiện

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

sau đó, giả sử phản ứng của bạn là HTML mà bạn muốn thêm, thêm nó vào gọi lại thành công của bạn

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

Một bài viết trên blog để tham khảo: http://blog.stephenborg.com/?p=37