简体   繁体   English

使用javascript在多选下拉列表中动态填充所选选项

[英]populate selected options dynamically in multiselect dropdown using javascript

I need a multi-select drop-down list with a checkbox which will allow a user to select multiple options without pressing command/ctrl buttons please help on this我需要一个带有复选框的多选下拉列表,它允许用户在不按命令/ctrl 按钮的情况下选择多个选项,请对此提供帮助

<select id='testSelect2' name="test" multiple>

<option value='1'> sunday</option >
<option value='2'> monday</option>
<option value='3'> tuesday</option>
<option value='4'> wensday</option>
<option value='5'> thrusday</option>
<option value='6'>friday </option>
<option value='7'>saturday </option>
</select>

enter image description here在此处输入图片说明

If you are using bootstrap, you can use this plug in http://davidstutz.de/bootstrap-multiselect/如果你使用的是bootstrap,可以在http://davidstutz.de/bootstrap-multiselect/中使用这个插件

If you want to do this with vanilla javascript, you may try to handle click event on options and achieve this behaviour manually.如果您想使用 vanilla javascript 执行此操作,您可以尝试处理选项上的单击事件并手动实现此行为。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 使用JavaScript从PHP数组中填充带有选项的动态创建的下拉列表 - Populate Dynamically Created Dropdown with Options from PHP array using javascript 如何使用 promise 动态填充下拉选项 - How to populate dropdown options dynamically using a promise 多选下拉复选框中的选定选项不适用于 DataTable - Selected options in Multiselect dropdown checkbox not working with DataTable 如何使用javascript在multiselect中设置所选选项 - How to set the selected options in multiselect with javascript 无法填充多选下拉列表 - Not able to populate multiselect dropdown 使用 javascript 在下拉列表中动态填充数据 api 使用 axois - dynamically populate data in dropdown using javascript api using axois 如何在使用JavaScript和Coldfusion的情况下填充动态创建的下拉框 - How to populate a dynamically created dropdown box in a using javascript and coldfusion 动态添加下拉菜单并排除所选选项 - Dynamically add dropdown menus and exclude selected options 在运行时选择下拉列表时动态地填充Angular Populate下拉选项 - Angular Populate dropdown options dynamically while selecting dropdown in runtime 如何基于另一个下拉选择动态填充的下拉列表中选择? - How to dynamically populate options on dropdown lists based on selection in another dropdown?
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM