选择添加或删除值的选择器

时间:2016-08-25 19:08:11

标签: javascript twitter-bootstrap bootstrap-selectpicker

我有一个bootstrap selectpicker。我有一个timeRange值列表。

 http://jsfiddle.net/M69TH/18/

USECASE: 我想添加或删除其中的一些并将生成的JSON发送到后端。

这是我尝试过的:

{{1}}

我有一个名为"删除"基本上如果我点击它,我想从selectpicker中删除其中一个timeRanges并将JSON重新发送到后端。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

这将用于从selectpicker中删除所选元素:

function modifications() {
  $('.selectpicker option:selected').remove();
  $('.selectpicker').selectpicker('refresh');
}

将json发送到后端:

function send() {
    var jsonData = {
         name: "value"; //change this according to your needs
    }

    $.ajax({
        url: 'backend url', //change this
        type: 'post',
        dataType: 'json',
        success: function (data) {
            // any msg you want to display on success
        },
        data: jsonData
    });
}