Php 通过ajax单击单选按钮在div中显示数据
我想在ajax调用中按用户显示所选数据 场景是,我有两个单选按钮,当用户单击其中一个时,它应该在右侧的response div中显示相应的数据 HTML:Php 通过ajax单击单选按钮在div中显示数据,php,jquery,ajax,Php,Jquery,Ajax,我想在ajax调用中按用户显示所选数据 场景是,我有两个单选按钮,当用户单击其中一个时,它应该在右侧的response div中显示相应的数据 HTML: <form id="package-call" method="post" accept-charset="utf-8"> <div class='pakges'> <div class="sub-pakge"> <div class="sub-pakg
<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>
$("#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:
<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>
$("#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>
选定的包装/螺栓
这些是我想从package_selection.php通过ajax调用得到的结果div,并分别显示
<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>
声音:
亚洲国际直拨电话-200卢比
声音:
亚洲国际直拨电话-500卢比
要收听单选按钮,请使用“更改”事件
$("#package").on('change', function(e){
然后,假设您的响应是要追加的HTML,则将其追加到成功回调中
$.ajax( {
type: "POST",
url: "package _selection.php",
data: $('#package_call').serialize(),
success: function( response ) {
$('#package_response').append(response);
}
});
一篇供参考的博文:这是一个很好的开始!不要放弃!你在什么时候遇到了问题?当我点击收音机时,它不会发送任何呼叫,因此我无法进一步超越这一点使用多个元素具有相同的
id
是一种糟糕的做法。我不知道如何立即做到这一点,但是我可以说你需要一个事件监听器。有谁能给我发一个链接,其中有一个单选按钮上的just call ajax演示。你能提供一些关于当你点击单选按钮时会发生什么的更多信息吗?处理程序到底能工作还是ajax调用不能工作?这是另一种方法:当我点击收音机时,什么都没有发生,我希望至少应该生成事件。当我点击收音机时,我也在寻找ajax调用/事件,但震惊的是,我找不到任何东西,因为我不太擅长searching@kwk.stack没问题。如果答案有帮助的话,请接受,尽管看起来你自己已经走得很远了!