首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Select2 select2 -删除事件不影响其他select2

Select2 select2 -删除事件不影响其他select2
EN

Stack Overflow用户
提问于 2016-08-19 21:43:57
回答 2查看 341关注 0票数 0

当选择2删除事件被触发时,我试图重新设置另一个select2,但我只能影响其他dom元素。当删除第一个select2值时,我希望禁用第二个select2。这是我的代码,我做错什么了吗?我的select2版本是3.5。提前谢谢。

代码语言:javascript
复制
 $('#element_select2_1').on("select2-removed", function (e) {
        $('#dom_element').attr('disabled', 'disabled');
        $('#another_dom_element').attr('disabled', 'disabled');

        $('#element_select2_2').select2('disable');
 });
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-12-27 18:26:50

我找不到任何真正的文档“选择2-删除”任何地方,这是你的事件吗?因此,我创建了一些代码,它将1.创建两个select2s,创建一个按钮。在第一个select2上注册一个selec2销毁事件和一个触发该事件的selec2按钮。触发的事件将禁用第二个select2。这就是你想做的吗?

代码语言:javascript
复制
            <script>
                $(function ($) {
                    // first select2
                    $("#sel1").select2();
                    // second select2
                    $("#sel2").select2();
                    // register event to detect select2 being destroyed
                    $("#sel1").next(".select2-container").on("remove", function () { $("#sel2").prop("disabled", true); })

                    // button that destroys the select2 triggering the event
                    $("#btn").button().click(function () {

                            $("#sel1").select2("destroy");

                    });
                })
            </script>
        </head>
        <body>
            <form>
                <select tabindex="0" id="sel1" aria-hidden="false">
                    <option value="AQ">Antarctica</option>
                    <option value="AI">Anguilla</option>
                    <option value="AG">Antigua and Barbuda</option>
                    <option value="AR">Argentina</option>
                    <option value="AM">Armenia</option>
                    <option value="AW">Aruba</option>
                </select><br />
                <select id="sel2">
                    <option value="BS">Bahamas</option>
                    <option value="BH">Bahrain</option>
                    <option value="BD">Bangladesh</option>
                    <option value="BB">Barbados</option>
                    <option value="BY">Belarus</option>
                    <option value="BE">Belgium</option>
                    <option value="BZ">Belize</option>
                </select><br />
                <button id="btn" type="button">remove</button>

            </form>
        </body>
票数 0
EN

Stack Overflow用户

发布于 2016-12-27 17:08:41

假设“选择2-删除”按预期触发,请尝试

代码语言:javascript
复制
    $('#element_select2_2').prop('disabled', true);

文档显示了应用于基础select的属性,而不是select2控件。

https://select2.github.io/examples.html#disabled

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39048085

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档