如何更改选择选项文本

Question

当我为 select 标签设置 has-empty-data=true 属性时，列表选项中会添加一个空选项。那么如何为这个空选项标签设置文本呢？

<select name="address[province]" title="{{ 'customer.addresses.province' | t }}" has-empty-data="true" data-default="{{ form.province }}" id="provinceExist"></select>

我试过这样做但还是不行

document.getElementsByName('provinceExist').options[0].innerHTML = "Water";

Answer 1

您需要使用 getElementById 而不是 getElementByName，因为您的字段 ID 名为 provinceExist

document.getElementsById('provinceExist').options[0].innerHTML = "Water";