Question

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

选择一个选项后，我需要它来禁用整个选择类。就像用户一旦选择一次就无法再次选择。谢谢！！

Answer 1

只需使用onchange属性：

<select class="form-control" id="select" onchange="this.disabled=true;">
    <option>Loader</option>
    <option>Shopper</option>
</select>

Answer 2

您可以在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相同的代码，但是要使其正常工作，您可以从CDN（online url）定义jquery，也可以下载jquery并将其放在脚本标签的页面中。

Answer 3

这不是PHP的任务。您将需要使用javascript和jquery来简化它。

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

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

选择一个选项后，禁用整个选择标签

3 个答案: