使用 PHP 的动态表单字段

Question

我正在为以下问题寻找解决方案/最佳实践。

我有一个带有一个下拉列表和一个提交按钮的 HTML 表单的页面。下拉框下方是一个空白空间，我想根据下拉框中的选定值填充表单输入。我认为这可以在 JavaScript 中完成，但如果可能的话，我更喜欢 PHP/客户端解决方案。

示例 HTML：

<form name="initialdropdown" action="#" method="post">
    <select name="action">
    <option value="default">--select--</option>
    <option value="a">Option 1</option>
    <option value="b">Option 2</option>
    <option value="c">Option 3</option>
    <option value="d">Option 4</option>
    </select>
    <input type="submit" name="submit" value="submit"></input>
</form>

我已经探索过从表单操作调用这个 php 脚本：

    <?php

    $getOption = $_POST['action'];
    $addUrl = $getOption.".php";

    include $addUrl;
    header("Location: htmlpage.php");

    ?>

然后创建几个不同的 php 文件（a.php、b.php、c.php 等。在每个文件中，然后包括我想在函数中回显的 HTML 表单，并包括功能在主 HTML 页面中。我不觉得这是一个好方法。任何人都可以阐明最好的方法吗？

Answer 1

如果您想在选择不同选项时更新的 HTML 表单上显示某些内容，JavaScript 是自然的选择，因为您不必去向服务器发出请求，这意味着移动数据并等待响应。当用户与页面交互时，JavaScript 可以简单地更改页面任意多次。

但是，如果您一心想用 PHP 生成您想在该表单上显示的任何内容，您可以让 PHP 将显示信息直接输出到页面的 JavaScript 中。然后 JavaScript 显示来自 PHP 的数据。或者，您可以使用对 PHP 的 AJAX 调用来请求在每次选择不同选项时显示数据。

更新

鉴于您的最新评论，您可以非常轻松地设置更多表单选项，而无需使用 PHP。在 HTML 中设置您可能想要显示的所有各种表单选项，但使用 CSS 隐藏可选部分。然后根据需要使用一点 JavaScript 显示每个部分。 jQuery 可以让这变得更容易。