Question

我必须使用HTML创建一个选择下拉列表，用户必须在其中选择所有选项。

<select multiple>

<option value="thriller" selected>thriller</option>
<option value="action" selected >action</option>
<option value="horror" selected >horror</option>
<option value="romance" selected>romance</option>


</select>

如果用户点击任何选项，则只会选择特定选项。我必须使用所选的选项来使用javascript设置值。

Answer 1

如果您只需要在HTML中执行此操作，则以下代码可以正常工作

<select multiple>
<option value="thriller" selected disabled>thriller</option>
<option value="action" selected disabled>action</option>
<option value="horror" selected disabled>horror</option>
<option value="romance" selected disabled>romance</option>

</select>

然而，它无法用于IE，您将无法发布数据。

在Javascript中，此代码将起作用

    <select multiple onclick="fun();">

在内部脚本标记中，添加以下代码

    function fun()
    {
            var sel = document.getElementById("sel");
            var length = sel.options.length;
            for(var i=0;i<length;i++)
            {
                    sel.getElementsByTagName('option')[i].selected = 'selected';
            }
    }

Answer 2

由于您的问题仅标记为HTML，我必须说：

您无法在HTML中执行该操作。

你需要一个客户端脚本，比如javascript或者更好的jQuery来监听选择事件，然后操纵HTML以使其符合你的目标。

当然，一个新的语言，即使像jQuery这样简单的语言，也需要一些学习。按照一些教程，你不会浪费你的时间。

在选择选项中，应选择所有选项，用户不应更改它

2 个答案: