Question

我在我的表单中使用select services_dd上的select2插件，我在页面上有一个类.js-autoselect的链接。单击此按钮时，我想获取该链接标记的ID，并根据他们单击的按钮更改select2选项。

<option> value属性匹配链接上id的属性。下面的代码成功更改了值，但select2没有更新，它仍然显示第一个选择。

$('.js-autoselect').click(function(e){
    e.preventDefault();
    var option = $(e.target).attr('id').trim().toLowerCase(); // option =link1

    $('#services_dd option:selected').val(option);
    alert($('#services_dd option:selected').val()); // this alerts link1 which is correct

});

有谁知道如何更新select2

Answer 1

$("#services_dd").select2("val", option);

请参阅文档的“程序访问”部分：http://ivaynberg.github.com/select2/#documentation

Answer 2

工作示例

根据@ scoota269的答案，我写了以下JS Fiddle，显示了这个工作：https://jsfiddle.net/robertmassaioli/ro2279ts/5/

这应该能够帮助您了解如何使这项工作。

代码

以防万一JS Fiddle被关闭：

$(function() {
    var select = $("#the-select");
    select.select2();

    $("#update").click(function() {
        // How to remove a value
        select.find("option[value=1]").remove();
        // How to add a value
        select.append("<option value='5'>Five</option>");
        select.select2();
    });

    $("#select").click(function() {
        // How to select a value
        var current = select.select2("val");
        current = current || [];
        current.push(2);
        select.select2("val", current);
    });
});

Answer 3

我认为你应该只做

$('#services_dd').val(option);
alert($('#services_dd').val());

否则，在代码中，您只会更改所选选项的value属性（而不是select元素的值）。

单击更改select2选项

3 个答案:

工作示例

代码