Javascript Can';t设置属性大小="&引用;在液体html元素中

Javascript Can';t设置属性大小="&引用;在液体html元素中,javascript,html,sass,liquid,Javascript,Html,Sass,Liquid,我将Dinamcaly项目传递给select>选项,以使列表中的项目可供选择,并且我还希望以内联方式显示“列表”(无下拉菜单),为此,我做了以下操作: 这是我的流动密码 <select class="pattern-select single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ section.id }}-{{ for

我将Dinamcaly项目传递给select>选项,以使列表中的项目可供选择,并且我还希望以内联方式显示“列表”(无下拉菜单),为此,我做了以下操作:

这是我的流动密码

<select class="pattern-select single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ section.id }}-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
  {% for value in option.values %}
      <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
  {% endfor %}
</select>   
我只需要在
选项结构内联中添加
size=“3”
作为属性

这就是我的html输出的样子:

<select class="pattern-select single-option-selector single-option-selector-product-template product-form__input" id="SingleOptionSelector-0" data-index="option1">
   <option value="S" selected="selected">S</option>
   <option value="M">M</option>
   <option value="L">L</option>
   <option value="XL">XL</option>
</select>

s
M
L
特大号
有小费吗


干杯

最后,由于我无法再扩展此问题,我获得了
id,并通过javascript将其传递给属性size perse:

document.getElementById("SingleOptionSelector-0").size = "3";

最后,因为我不能再扩展这个问题,我得到了
id,并通过javascript将其传递给属性size perse:

document.getElementById("SingleOptionSelector-0").size = "3";

你试过内联css吗?嗨@RodenerDajes,是的,这就是我写的
size=“3”
你能指定你是否使用npm软件包“liquid”,它的版本吗。node和npm的版本呢?好吧,最后我找到了一个基本但实用的方法来实现它。。谢谢大家,你试过内联css吗?嗨@RodenerDajes,是的,这就是我写的
size=“3”
你能指定你是否使用npm软件包“liquid”,它的版本吗。node和npm的版本呢?好吧,最后我找到了一个基本但实用的方法来实现它。。谢谢大家