如何在Twig的select标签中设置选中项？

看起来你遇到的问题大概率是类型不匹配或者split后的数组包含空元素导致的判断失效，咱们一步步来解决：

问题分析 #

你原始的selectedIdItems是通过"|1|2|3"|split('|')得到的，这个操作后数组实际是['', '1', '2', '3']——开头多了个空字符串。另外，如果dataValue.id是数字类型（比如1、2），而数组里的元素是字符串类型（'1'、'2'），那么dataValue.id in selectedIdItems的判断会返回false，自然加不上selected属性。

修正方案 #

我们需要做两件事：

• 过滤掉split后数组里的空元素
• 统一判断时的类型（把数组元素转成数字，或者把dataValue.id转成字符串）

下面是修正后的完整代码：

{% set selectedIdRaw = "{{ pageTemplate.pageHeader.pageValue.comp1X }}" %}
{# 先split，再过滤空元素，最后转成数字数组 #}
{% set selectedIdItems = selectedIdRaw|split('|')|filter(item => item != '')|map(item => item|number_format(0)) %}

<select name="comp1" id="comp1" multiple>
  <option value=""></option>
  {% for dataValue in pageTemplate.pageHeader.pageValue.categoryArray %}
    {# 这里把dataValue.id也转成数字，确保类型一致 #}
    <option {% if dataValue.id|number_format(0) in selectedIdItems %} selected="selected" {% endif %} 
            value="{{ dataValue.id }}">
      {{ dataValue.name }}
    </option>
  {% endfor %}
</select>

补充说明 #

如果dataValue.id本身就是字符串类型，那可以简化处理，只过滤空元素就行：

{% set selectedIdItems = "{{ pageTemplate.pageHeader.pageValue.comp1X }}"|split('|')|filter(item => item != '') %}

这样就能正确匹配到对应的选项，给它们加上selected="selected"属性了。

内容的提问来源于stack exchange，提问作者traekdjf