大佬教程收集整理的这篇文章主要介绍了php – 在单选按钮上显示div中的数据单击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:
<div class="form-results"> <div class="rslt-content-main"> <div class="rslt-content">SELEcted Pakages / Bolts</div> <div id="package_response"></div> </div> </div>
这些是我希望通过包_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>
以上是大佬教程为你收集整理的php – 在单选按钮上显示div中的数据单击ajax全部内容,希望文章能够帮你解决php – 在单选按钮上显示div中的数据单击ajax所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。