针对所选多选下拉菜单的故障修复

时间:2015-06-02 08:42:41

标签: javascript jquery html css jquery-chosen

Example Fiddle

说明

  1. 我已为多选下拉列表选择插件
  2. 第一个选项是“任意
  3. 那些习惯于选择下拉列表的人,他们知道选择一个选项时(来自选择的多选)并显示在下拉文字区域 -like字段,您将自动从列表菜单中看到它被禁用。
  4. 当选择第一个选项“任意”时,列表菜单中的所有其他选项也会禁用
  5. 下拉文字区域类字段中删除“任意”选项时(通过点击> 交叉< / strong>使用所选选项),然后所有选项再次启用
  6. 要求:

    1. 如果我们从下拉列表中选择任何选项,则会在 textarea 类似的字段中显示,表示其已选中。< / LI>
    2. 首先选择“任意”以外的任何选项。
    3. 它将显示在 textarea -like字段中。
    4. 现在选择“任意”。
    5. 任何都会显示在类似textarea的字段中,之前选择的选项也会显示在 textarea 类字段中。
    6. 我需要从 textarea -field
    7. 中删除之前选择的选项

      如何实现此functionality

1 个答案:

答案 0 :(得分:1)

您可以定义if statement中发生的事情,检查是否已选择Any选项

if (params.selected && params.selected == "Any") {
    // disable the select
    $('.chosen-select').val('Any'); // Select Any and remove everything else

这是一个demo