PHPCMS在表单提交之后对某一个字段进行二次联动并显示在前台提示语上

Question

如图在选择三室一厅后在提交成功之后的页面上显示13200，选择四室一厅显示14800，根据对应的选项显示固定的价格
如图

Answer 1

🕒下午好，题主！目前：🟢[在线]
📢参考通义千问、由郭老师整理提供！
📣今日诗号：明月出天山，苍茫云海间。

PHPCMS 表单提交后字段二次联动显示提示语

以下是实现 PHPCMS 表单提交后，根据下拉菜单选择，动态显示对应价格提示语的完整代码方案：

1. 修改表单模板文件

找到包含表单的模板文件（例如：form.html），在 <form> 标签中添加一个隐藏字段，用于存储选择的值：

<form method="post" action="{$form_action}">
  <input type="hidden" name="info[selected_option]" id="selected_option">
  
  <td>
    <select name="info[ceshi]" id="ceshi">
      <option value="1328">三室一厅</option>
      <option value="1480">四室两厅</option>
    </select>
  </td>

  <button type="submit">提交</button>
</form>

2. 添加 JavaScript 代码

在表单模板文件中添加以下 JavaScript 代码，将下拉菜单选择的值存储到隐藏字段中：

<script>
  // 获取下拉菜单和隐藏字段元素
  const selectElement = document.getElementById('ceshi');
  const hiddenInputElement = document.getElementById('selected_option');

  // 监听下拉菜单的选择事件
  selectElement.addEventListener('change', () => {
    // 将选中的值存储到隐藏字段中
    hiddenInputElement.value = selectElement.value;
  });
</script>

3. 修改表单处理文件

找到处理表单提交的 PHP 文件（例如：form_post.php），在文件中添加以下代码，根据隐藏字段的值显示对应的提示语：

<?php
// ...其他代码...

// 获取表单提交的数据
$selected_option = $_POST['info']['selected_option'];

// 根据选择的值显示对应的提示语
if ($selected_option == '1328') {
  $message = '您选择的户型价格为：13200 元';
} elseif ($selected_option == '1480') {
  $message = '您选择的户型价格为：14800 元';
} else {
  $message = '请选择户型';
}

// ...其他代码...

// 显示提示语
echo $message;

// ...其他代码...
?>

代码说明：

• 步骤 1 中，我们在表单中添加了一个隐藏字段 selected_option，用于存储下拉菜单选择的值。
• 步骤 2 中，我们使用 JavaScript 监听下拉菜单的选择事件，并将选择的值存储到隐藏字段中。
• 步骤 3 中，我们在表单处理文件中获取隐藏字段的值，并根据该值显示对应的提示语。

注意：

• 以上代码仅供参考，您需要根据实际情况修改代码中的变量名、值和提示语等内容。
• 确保您的 PHPCMS 版本和代码环境与示例代码兼容。

通过以上步骤，您就可以实现 PHPCMS 表单提交后根据下拉菜单选择动态显示对应的提示语功能。