javascript - 禁止选择属性为 "disabled"的选项

Question

我使用select2并具有此布局

原始代码(使用Twig):

<select id="workerId" name="workerId" class="form-control select2 text">
            <option value="0">-- Не указано --</option>
            {% for worker_one in workerList %}
                <option data-position="{{ worker_one.position_list }}" value="{{ worker_one.id }}"
                        {% if worker_one.status != 3 %}
                            {% if sampleActs.worker_id %}
                                {% if worker_one.id == sampleActs.worker_id %}
                                    selected
                                {% endif %}
                            {% else %}
                                {% if worker_one.id == areaCore.worker_id %}
                                    selected
                                {% endif %}
                            {% endif %}
                        {% else %}
                            disabled
                        {% endif %}
                        >{{ worker_one.name }}
                </option>
            {% endfor %}    
        </select>

$('.select2').select2();

<select name="name">
  <option disabled>Vasia</option>
  <option>Petia</option>
  <option>Stas</option>
</select>

当 $("[name='name'").select2() 在下拉列表中初始化时，我仍然可以选择具有 disabled 属性的选项。我该如何解决这个问题？

谢谢。

Answer 1

似乎在这里工作正常:

$("[name='name'").select2()

select {
  width: 100px;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.full.min.js"></script>
<select name="name">
  <option disabled>Vasia</option>
  <option>Petia</option>
  <option>Stas</option>
</select>

所以您的问题与您的 HTML 无关