Question

days_of_week = [{id: 0, text: "Monday"},
                {id: 1, text: "Tuesday"},
                {id: 2, text: "Wednesday"},
                {id: 3, text: "Thursday"},
                {id: 4, text: "Friday"},
                {id: 5, text: "Saturday"},
                {id: 6, text: "Sunday"}]


$("#test").select2({
        data: days_of_week
    })


$("#date").datepicker({
        format: "yyyy-mm-dd"

        })


$("#date").datepicker().on("changeDate", function(event) {
        var selected_date = $("#date").val()
        var day_name = moment(selected_date, "YYYY-MM-DD").format("dddd")
        $("#test").val(day_name)

    })

所以基本上我在这里尝试做的是从datepicker中选择一个日期使用moment获取该日期的日期名称，并将$("#test").select2()的值更改为所选的day_name，但最终发生的事情是$("#test").select2()的值已更改，但它是改为空。

例如。我select2的默认值是"Monday"选择一个日期，当前的select2值现在为空。

我们如何使用jquery更改select2的值？

我已经在这里阅读了其他较旧的帖子。但它们不起作用。

Answer 1

在此示例中，select2选择框的value是一个ID（0-6）。您正在尝试将值设置为选择框的标签。您还需要手动触发＆＃34;更改＆＃34;根据{{3}}使用.... .trigger("change");的select2框中的事件。

所以你必须做这样的事情：

$("#date").datepicker().on("changeDate", function(event) {
    var selected_date = $("#date").val();
    //var day_name = moment(selected_date, "YYYY-MM-DD").format("dddd");
    var day_index = moment(selected_date, "YYYY-MM-DD").format("d"); //returns day of week 0-6
    $("#test").val(day_index).trigger("change");
})

PS：你的javascript缺少一大堆分号

如何改变select2 selectbox的值？

1 个答案: