Question

这是我拥有的代码，当我按下按钮时，我会选择第二个值，但是当我尝试选择第二个值时，我会回到第一个选择。我需要该结构保持不变，只是我需要每次按下第二个按钮时都不会刷新页面，仅定义第二个值，例如当我选择红色时，我可以使回声说出红色鸟，红色蜥蜴红龙通过按下第二个按钮，但是在我先选择绿色后，页面刷新，然后再次按下第二个按钮时，我可以选择绿色动物。我什至看不到回声是否有效，因为每次我按下第二个按钮时，我都会回到开始的地方。

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <?xml version="1.0" encoding="UTF-8"?>
</head>

<body>
    <form name="output" action = "" method="POST">
        <select name="Color">
            <option value="Red">Red</option>
            <option value="Green">Green</option>
            <option value="Blue">Blue</option>
            <option value="Pink">Pink</option>
            <option value="Yellow">Yellow</option>
        </select>
        <input type="submit" name="submit1" value="get first choice" />
        <br>

        <?php
        if(isset($_POST['submit1'])){
            $selected_val = $_POST['Color'];  
            echo "You have selected :" .$selected_val; 
        }
        ?>

        <br>
        <select name="Animal">
            <option value="Bird">Bird</option>
            <option value="Lizard">Lizard</option>
            <option value="Dragon">Dragon</option>
            <option value="Dog">Dog</option>
            <option value="Fish">Fish</option>
        </select>
        <input type="submit" name="submit2" value="get second choice" />

        <?php
        if(isset($_POST['submit2'])){
            $selected_val2 = $_POST['Animal'];
            echo "Your combination is :" .$selected_val ." " .$selected_val2;  
        }
        ?>
    </form> 
</body>
</html>

第一个按钮处于活动状态时如何使用第二个按钮

0 个答案: