相关疑难解决方法(0)

客户端给了我一个设计,其中有一个Select Option菜单,其中包含一个复选框以及项目名称作为列表中的单个项目.有没有可能在Select Option菜单中添加一个复选框？

注意:开发人员需要添加自己的ID才能使菜单生效,如果可能,我只需要HTML CSS代码.

我在网上遇到过这个问题的各种解决方案.

基本上,我发现不得不按住ctrl有点俗气,我希望选择列表只选择我点击的任何内容并将其添加到当前选定的项目.

我已经有了这个代码:

    $("select[multiple] option").mousedown(function () {
        var $self = $(this);            

        if ($self.attr("selected")) {                
            $self.removeAttr("selected", "");
        }
        else {
            $self.attr("selected", "selected");
        }

        return false;            
    });

元件:

    <select multiple id="WOStatusKey" name="WOStatusKey">                
        <option value="1">Created</option>
        <option value="2">In Process</option>
        <!-- etc. (about 20 of these) -->
    </select>

它可以正常工作,但有一个例外:任何时候选择/取消选择某个不在列表顶部的东西(你必须滚动查看它),然后它会在您选择它后弹回到顶部.我已经玩了一点但是无法找出任何可以阻止这种行为的东西.此外,我已经看到了这个问题的其他几个解决方案,虽然没有任何工作或运作良好.

我只需要在Chrome中使用它.此外,我对使用选择列表的任何替代解决方案不感兴趣.

感谢您的帮助,非常感谢.