首页 > 解决方案 > 在多选下拉菜单中显示选定的值

问题描述

我有一个选择下拉菜单,允许用户多选选项。它工作正常,但在选择多个选项时不显示所选选项的名称。

我已经尝试过应用和使用可用的插件,但扰乱了我的整个应用程序 UI。我实际上正在为标准工具开发一个插件,除了工具本身包含的内容之外,我不能使用外部引导程序或外部 jQuery

<select id="projectDropdown" multiple="multiple">
 <option value="value1"> option 1 </option>
 <option value="value2"> option 2 </option>
 <option value="value3"> option 3 </option>
</select>

当从下拉列表中选择值时,当前代码显示类似“1 selected”“2 selected”。我希望在选中选项 1 和 2 时显示诸如“选项 1,选项 2”之类的值。

标签: javascriptjqueryhtmlcssuser-interface

解决方案


推荐阅读