0

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

我有一个带有一个下拉列表和一个提交按钮的 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 页面。我不觉得这是一个好方法。任何人都可以阐明解决这个问题的最佳方法吗?

4

1 回答 1

1

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

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

更新

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

于 2012-10-27T22:42:35.353 回答