Question

我有一个单选按钮和一个提交按钮。单击此提交按钮，我需要显示div。

我的代码如下：

<form action="" method="GET" name="myform">
    <input type="radio" name="ID" value="total" id="radioInputValue"/>
    <input type="submit" name="details1" value="Details"
           onclick="return showDiv();"/>

    <div id="element_to_pop_up" style="display: none;">
        <?php
        echo "DETAILS";
        if (isset($_GET['details1'])) {
            if (isset($_GET['ID'])) {
                $n = $_GET['ID'];
                echo "VALUE IS = $n";
            }
        } else {
            echo "</br> DETAILS FAILED";
        }?>
    </div>
</form>

我的JavaScript：

function showDiv() {
    document.getElementById('element_to_pop_up').style.display = 'block';
    return false;
}

风格：

#element_to_pop_up
{ 
   background-color:#fff;
   border-radius:15px;
   color:#000;
   padding:20px;
   min-width:400px;
   min-height: 180px;
}

我点击详情按钮获取div。但它没有进入if条件。

而是将输出显示为：

详情

DETAILS FAILED

我希望这是我的输出：

详情

VALUE IS =总计

如何在点击提交按钮，Plz帮助

时获得此单选按钮值

Answer 1

像这样更改提交按钮：

<input type="submit" name="details1" value="Details" onclick="showDiv()" />

单击按钮时，会显示div。

您的PHP代码应该可以使用，但要确保该文件是.php而不是.html或.htm。

Answer 2

只需复制粘贴它：它工作正常..

<form action="" method="POST" name="myform">
ONE<input type="radio" name="ID" value="total" id="radioInputValue" />
<input type="submit" name="details1" value="Details" onclick="return showDiv();" />
</form>
<div id="element_to_pop_up">                        
<?php 
echo"DETAILS";
if(isset($_POST['details1']))
{
if(isset($_POST['ID']))
{$n=$_POST['ID'];
echo "VALUE IS = ".$n;
}
else
{
echo"</br> DETAILS FAILED";
}
}
?>
</div>



<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
function showDiv() {
            document.getElementById('element_to_pop_up').style.display = 'block';
           // return false;
        }
        </script>

在点击提交按钮上显示div

2 个答案: