Question

我有一个模态弹出窗口。如果对该模态进行任何点击，则会打开一个弹出窗口并显示单选按钮。如果单击任何单选按钮并提交该弹出窗口，则应在段落标记中显示所选的无线电值，而不重新加载页面。

我有代码，但它不起作用。

我的模态按钮是：（index.php）

<div id="dvPassport1">
            <div class="col-md-6">
        <label>Select Loyalty Membership</label><br>
        <a class="showModal btn btn-primary btn-xs" data-queryid="q11" > View Loyalty Membership</a>
        </div>
        <div class="col-md-6">
        <label>Employee IDs</label>
        <p></p>
        </div>
         </div>

现在如果点击View Loyalty Membership按钮，则会打开一个弹出窗口（代码在下面）（index.php）：

<!-- popup modal-->
<div id="id01" class="modal">

 <form class="modal-content animate" action="" method="post" autocomplete="off">
<div class="imgcontainer">
  <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>

</div>

<div class="container">
     <div class="modalContent"></div>

</div>
</form>
</div>
<script>
// Get the modal1
jQuery(document).ready(function($){
var modal = $("#id01");
$("a.showModal").on("click", function(){
    modal.fadeIn();
    var id = $(this).attr("data-queryid");
    var modalServiceUrl = "showstate.php?queryid7="+id;
    modal.find(".modalContent").load(modalServiceUrl);
});
});
// When the user clicks anywhere outside of the modal1, close it
window.onclick = function(event) {

if (event.target == modal1) {
    modal1.style.display = "none";
}
}
</script>
<!-- end popup modal -->

脚本（index.php）

<script>
$(document).ready(function(){
$('#btnGetValue').click(function() {
    var selValue = $('input[name=rbnNumber]:checked').val(); 
    $('p').html('<br/>Selected Radio Button Value is : <b>' + selValue + '</b>');
});
});

</script>

以上所有代码都在index.php

中

showstate.php是：

<?php
if(isset($_GET['queryid7'])){

$queryid7 = $_GET['queryid7'];
echo"<div align='center' style='height:660px; overflow:auto;'  class='w3l-table-info'><h2>Select your Loyalty membership</h2><table id='table'><thead>
    <tr><th>&nbsp;</th>";
 $query12=mysql_query("select * from loyalty_group ORDER BY id") or die (mysql_error());
while($row12=mysql_fetch_array($query12))
        {
            $group_name1=$row12['group_name'];
            $id11=$row12['id'];
echo"<th><input type='radio' id='rbnNumber' name='rbnNumber' value='$id11'/>".$group_name1.'</th>';

        }
echo"<th>&nbsp;</th></tr></thead><tbody>";
echo"</tbody>
<tr><td>&nbsp;</td><td><br><button type='submit' id='btnGetValue' class='btn btn-primary'>Select</button></td></tr>

 </table></div>";
 ?>

现在，如果任何任何单选按钮选择单击选择按钮，则值=＆＃39; $ id11＆＃39;应该显示在段标记（p）（index.php）而不重新加载页面（index.php），弹出窗口应该关闭。

Answer 1

您的<button type="submit"></button>发送表单并重新加载当前页面，因为未指定<form action=..。您想在这里使用的是<button type="button"></button>

从弹出模式中选择无线电值而不重新加载页面

1 个答案: