Javascript 选择一个选项后，禁用整个选择标记

我需要它禁用整个选择类，一旦我选择了一个选项。就像用户一旦选择一次就不能再选择一样。谢谢

这不是PHP的任务。您将需要使用javascript，jquery将使其更加容易

<select class="form-control">
    <option>Loader</option>
    <option>Shopper</option>
</select>

---

这不是PHP的任务。您将需要使用javascript，jquery将使其更加容易

<select class="form-control">
    <option>Loader</option>
    <option>Shopper</option>
</select>

---

只需使用onchange属性：

装载机 购物者

---

只需使用onchange属性：

装载机 购物者 您可以在onchange事件上执行此操作，如下所示：

<select class="form-control" id="select">
<option>Loader</option>
<option>Shopper</option>
</select>

<script>
$('#select').on('change', function() {
     $(this).attr('disabled', 'disabled')
});
<script>

这是与@flint相同的代码，但要实现这一点，您必须从CDNonline url定义jquery，或者您可以下载jquery并将其放在页面的脚本标记中

您可以在onchange事件上执行此操作，如下所示：

<select class="form-control" id="select">
<option>Loader</option>
<option>Shopper</option>
</select>

<script>
$('#select').on('change', function() {
     $(this).attr('disabled', 'disabled')
});
<script>

---

这是与@flint相同的代码，但要实现这一点，您必须从CDNonline url定义jquery，或者您可以下载jquery并将其放在页面的脚本标记中

它不起作用了。。选择后，选择类不会关闭或禁用：@AngelaVillamar您是否已按照此答案中的说明添加id=select？因为jQuery代码段的目标是通过id，所以除非id匹配，否则它将无法工作。顺便说一句，它无法工作没有帮助，告诉我们您收到了哪些错误。由于其JavaScript，它们将在浏览器的开发工具控制台中可见。按f12，然后找到控制台。它不工作。。选择后，选择类不会关闭或禁用：@AngelaVillamar您是否已按照此答案中的说明添加id=select？因为jQuery代码段的目标是通过id，所以除非id匹配，否则它将无法工作。顺便说一句，它无法工作没有帮助，告诉我们您收到了哪些错误。由于其JavaScript，它们将在浏览器的开发工具控制台中可见。按f12，然后找到控制台。