php - 如何禁用下拉列表

Question

我有这个下拉列表，我的想法是当我点击视频时禁用其他下拉列表。这不起作用。我还需要其他东西吗？

<select name="Type" id="type">
  <option value="0">Please Select</option>
  <option name="image" value="I" >Images</option>
  <option name="video "value="V">Videos</option>
  <?php 
$value=$_POST['image'];
?>
</select>

<select id="text-one" <?php if($value=="V"){ ?> disabled="disabled"<?php }?> >
                <option selected value="base">Please Select</option>
                <option value="Dig">Digital</option>
    </select

Answer 1

您可以使用 PHP 来完成此操作，但这需要提交表单数据，以便您可以访问 $_POST，然后加载一个新页面，这与原始页面基本相同，只是禁用文本一。

请记住，PHP 在服务器端运行，一旦在浏览器中呈现，就无法通过 PHP 执行其他操作。例如，示例代码中有一行显示您尝试将 $_POST['image'] 分配给 $value - 直到您提交表单， $_POST 将为空。

最有可能的是，您希望在客户端执行此操作并且无需重新加载，这可以使用 javascript 来完成。

基本概述:

1. 监视 type 选择元素的 onChange 事件处理程序
2. 检查 type 选择元素的值，并根据需要在 text-one 上设置 disabled 属性

另一种选择(也许更简单？):

将 onclick 属性附加到视频输入，该属性将运行禁用 text-one 的 JavaScript 函数

jQuery会让这一切变得更容易，但你可以用纯 JavaScript 编写以上所有内容，而不需要任何库。