Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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
Html 如何在选择列表中选择多个而不使用Shift+单击_Html_Angular - Fatal编程技术网

Html 如何在选择列表中选择多个而不使用Shift+单击

Html 如何在选择列表中选择多个而不使用Shift+单击,html,angular,Html,Angular,我正在我的angular应用程序上使用标签。我已经设置好了,您可以选择多个选项。但只能在按住Shift键并单击鼠标左键时选择选项。我希望能够选择多个选项,只需左键单击 标签的设置如下所示: <select multiple> <option>Option One</option> <option>Option Two</option> <option>Option Three</option> <

我正在我的angular应用程序上使用标签。我已经设置好了,您可以选择多个选项。但只能在按住Shift键并单击鼠标左键时选择选项。我希望能够选择多个选项,只需左键单击

标签的设置如下所示:

<select multiple>
  <option>Option One</option>
  <option>Option Two</option>
  <option>Option Three</option>
</select>
我看到了一些我想要实现的东西,但是我不能使用我设置的表单中的材料


有没有一种方法可以实现多个选择,只需单击鼠标,现在就必须按shift键?

不是纯html格式。但普通javascript中的事件侦听器或onclick处理程序可以实现这一点。非常基本和粗糙只是给你一个想法

<script>
    function select(id){
     var opt=document.getElementById(id);
     opt.selected=!opt.selected ;
    }
</script>

<select multiple>
 <option id="o1" onclick="select('o1'")>Option 1</option>
 <option id="o2" onclick="select('o2'")>Option 2</option>
 <option id="o3" onclick="select('o3'")>Option 3</option>
</select>

可以使用“角度多选”下拉列表将普通多选转换为具有多选的下拉列表。选中使用javascript将选项标记设置为selected。