Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在页面加载时选择选项_Javascript_Jquery_Html_Events - Fatal编程技术网

Javascript 在页面加载时选择选项

Javascript 在页面加载时选择选项,javascript,jquery,html,events,Javascript,Jquery,Html,Events,我有一个多选菜单(我可以使用command/shift/etc从列表中选择多个元素)。我希望所有选项都被选为默认选项(当页面加载时)。我知道我可以用 $(document).ready() 等待页面加载以执行操作,但我不知道如何实际更改列表的选定状态。请注意,有非复选框 选项的HTML如下所示: <select name="name" id="id1"> <option value='value1'> <option value='value2'

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

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

选项的HTML如下所示:

<select name="name" id="id1">
    <option value='value1'>
    <option value='value2'>
    <option value='value3'>
    <option value='value4'>
</select>

注意:我希望更改出现在javascript中,而不是HTML中,因为我使用的是一个默认的“多选菜单”模板,该模板在表单字段中是一致的,并且我只希望一个特定字段默认选中所有内容。如何执行此操作?

默认情况下,
元素配置为一次只显示一个选项。因此,为了同时选择多个元素,您需要将
元素的
multiple
属性设置为
true
。您可以使用JavaScript这样做:

document.getElementById('id1').multiple = true;
一旦您这样做了,您就可以通过编程方式“选择”每个选项。以下是一个工作示例:

var el=document.getElementById('id1');
el.multiple=true;
对于(变量i=0;i

1.
2.
3.
4.
默认情况下,
元素配置为一次只显示一个选项。因此,为了同时选择多个元素,您需要将
元素的
multiple
属性设置为
true
。您可以使用JavaScript这样做:

document.getElementById('id1').multiple = true;
一旦您这样做了,您就可以通过编程方式“选择”每个选项。以下是一个工作示例:

var el=document.getElementById('id1');
el.multiple=true;
对于(变量i=0;i

1.
2.
3.
4.

您应该提供更多的代码,以便我们能够帮助您。我添加了HTML以澄清如何创建多选项列表。您是否进行过任何搜索或尝试?尝试查看jQuery文档,或者看看是否有帮助。区别在于在我的文档中,选项是动态的。我希望选择所有选项,无论页面呈现时显示什么选项。上面的文章给出了当选项是静态的时候该怎么做的指导。你应该提供更多的代码,这样我们可以帮助你。我添加了HTML来澄清多选项列表是如何创建的。你做过任何搜索或尝试吗?尝试查看jQuery文档,或者看看是否有帮助。区别在于在我的文档中,选项是动态的。我希望选择所有选项,无论页面呈现时显示什么选项。上面的文章给出了当选项是静态的时该怎么做的指导。