如何使用chrome中的<option value =“”>默认选择下拉列表中的所有选项?

时间:2016-07-25 10:18:45

标签: html html-select

以下是我遇到问题的代码:

<select name="webmenu" id="filter_option" style="width: 175px; "  onchange="searchTree($(this).val());">
    <option value="">--View All--</option> 
    <option value="Tree">Tree</option>
    <option value="Dog Approval">Dog Approval</option>
    <option value="Cat">Cat</option>
    <option value="Sky">Sky</option>

我的下拉列表存在问题,因为当我选择此选项时:Chrome中的<option value="">--View All--</option>列表在选中此选项时不会加载所有默认值。

当我进入Chrome检查员并查看该行时,<option value="">--View All--</option>选项值如下所示:<option>--View All--</option>

为什么要剥离代码的value=""部分?

1 个答案:

答案 0 :(得分:0)

没有代码链接到该网站,我无法猜测你身边究竟发生了什么。

但回答标题中的问题......

如果标记multiple中存在属性select,则只能选择多个选项。然后,要选择option代码,需要属性selected。 因此,要选择所有选项,所有option代码都需要一个属性selected

阅读:selectmultipleoption

&#13;
&#13;
<!doctype html>
<html>
<head><title></title></head>
<body>

<select size="5" multiple>
<option selected value="1">1</option>
<option selected value="2">2</option>
<option selected value="3">3</option>
<option selected value="4">4</option>
<option selected value="5">5</option>
</select>

</body></html>
&#13;
&#13;
&#13;

如果你可以将你的问题添加到上面的游乐场,可以通过它找到解决方案。