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

似乎在这里工作正常：

ActiveDocument.Path

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

select {
  width: 100px;
}

因此，您的问题与您的HTML无关

Answer 2

为所有选项设置ID，然后在页面加载时，可能在body标签的onload中，您可以设置：

<select name="name">
  <option id="vasia">Vasia</option>
  <option id="petia">Petia</option>
  <option id="stas">Stas</option>
</select>

然后

<body onload="document.getElementById('vasia').disabled = true;">

希望有所帮助

禁止用＆＃34;禁用＆＃34;选择选项。属性

2 个答案: