Pokaż dane w div na przycisku radiowym klikając przez ajax: Resolved

Question

Chcę pokazać wybrane dane przez użytkownika na wywołanie ajax.

Scenariusz polega na tym, że mam dwa przyciski opcji, a gdy użytkownik kliknie jedno, powinien pokazać odpowiednie dane po prawej stronie, w elemencie odpowiedzi.

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

}); 

To div gdzie chcę pokazać moją odpowiedź:

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

A oto wynik div, że chcę uzyskać poprzez wywołanie ajax z pakietu _selection.php i chcą, aby wyświetlić odpowiednio

<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

Do słuchania przycisk radiowy, użyj „zmiany” zdarzenie

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

Następnie, zakładając, że odpowiedź jest HTML chcesz dołączyć, dołączyć go w swój sukces zwrotnego

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

A blogu dla odniesienia: http://blog.stephenborg.com/?p=37