选择页面加载时的选项

时间:2017-08-29 18:12:16

标签: javascript jquery html events

我有一个多项选项菜单(我可以使用命令/ shift / etc从列表中选择多个元素)。我希望所有选项都被选为默认选项(页面加载时)。我知道我可以使用

=mycount(A2:H2)

等待页面加载以执行操作,但我不知道如何实际更改列表的选定状态。请注意,不是复选框。

选项的HTML如下所示:

$(document).ready() 

注意:我希望更改位于javascript而不是HTML中,因为我使用的是默认的“多选菜单”模板,该模板在表单字段中保持一致,我只希望一个特定字段选中所有内容默认情况下。我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

默认情况下,<select>元素仅配置为一次显示一个选项。因此,为了同时选择多个元素,您需要将<select>元素的multiple属性设置为true。您可以使用JavaScript执行此操作:

document.getElementById('id1').multiple = true;

一旦这样做,您就可以通过编程方式“选择”每个选项。这是一个有效的例子:

var el = document.getElementById('id1');

el.multiple = true;

for (var i = 0; i < el.childNodes.length; i++) {
  el.childNodes[i].selected = true;
}
<select name="name" id="id1">
    <option value='value1'>1</option>
    <option value='value2'>2</option>
    <option value='value3'>3</option>
    <option value='value4'>4</option>
</select>