通过jquery

时间:2017-07-09 14:55:36

标签: javascript jquery

目前我想实现带有多个组选择复选框的下拉列表,但找不到确切的一个。它与此类似:multiple select。但不幸的是,我的多层父母和孩子就像这张图片:enter image description here

这是代码的结构:

 <select id="ms" multiple="multiple">
        <option value="1">Parent 1</option>
            <option value="2">    > Child 1</option>
            <option value="2">    > Child 2</option>
        <option value="4">Parent 2</option>
        <option value="5">Parent 3</option>
            <option value="2">  > Child 1</option>
            <option value="2">  > Child 2</option>
            <option value="2">  > Sub Parent 3</option>
                <option value="2">  >-> Child 1</option>
                <option value="2">  >-> Child 2</option>
 </select>

我没有使用<optgroup>,因为我不想修改代码的结构,因为下拉列表的所有代码都是从服务器端收到的结构。

  • 选择所有孩子后,也会选择父母。
  • 选择所有孩子后,应该只有父母的姓名在所选字段中显示。
  • 如果取消选择其中一个孩子,则也会取消选择父母。
  • 子级别也应该作为第1级。

是否有推荐的插件jquery?

任何答案都将不胜感激。

1 个答案:

答案 0 :(得分:0)

这完全搞砸了,但你总是可以尝试这样做:

  1. 通过在this post
  2. 之类的列表中获取其位置来查找检查选项的位置
  3. 制作所有需要的if/else声明:
    • 得到我父母的意愿
    • 如果我所有的兄弟姐妹都被检查:检查我的父母,并获得所有其他范围的装备