php:表单显示更多选项,具体取决于选中的单选按钮

时间:2017-09-28 16:31:02

标签: php html

我正在尝试创建一个用于输入计算机或电视作为电子设备的表单。我希望用户首先选择他进入的两个中的哪一个,并且根据他选择的那个,他将有不同的东西来填写。

我试着写这个,但它不起作用。我在$ answer = $ _POST ['type']上收到错误; 请让我知道什么是错的,我是一个新的PHP。感谢。

    <div class="form-group">
        <h3 style="color:blue;">Type of Item</h1>

        <form name ="form1" method ="post"> 
        <input type="radio" name="type" value="Computer"> Computer<br>
        <input type="radio" name="type" value="Television"> Television<br>
        </form>
    </div>

    <?php 
        $answer = $_POST['type'];  
        if ($answer == "Computer") {          
            //show stuff    
        }
        else {
            //show other stuff
        }          
    ?>

1 个答案:

答案 0 :(得分:0)

在实际提交表单之前,

$_POST将为空。您的表单没有提交按钮。也就是说,这种类型的任务通常在javascript中更好,因为它不需要整页重新加载只是为了打开表单中的下一组选项。

这是一个使用简单的javascript函数如何工作的示例:

<script type="text/javascript">
function toggleOptions() {
    if ( document.getElementById('type_Computer').checked ) {
        document.getElementById('nextSetOfComputerOptions').style.display = '';
        } else {
        document.getElementById('nextSetOfComputerOptions').style.display = 'none';
        }
    }
</script>


<input type="radio" name="type" id="type_Computer" value="Computer" onclick="toggleOptions();">

<div id="nextSetOfComputerOptions" style="display:none;">
<!-- more form fields -->
</div>