通过jquery-select2从多值选择框中获取选定值?

时间:2012-10-15 04:28:12

标签: jquery jquery-select2

我正在使用Select2 Jquery来绑定我用于多项选择的下拉列表。我正在使用select2 jquery。

它工作正常,我可以绑定我的下拉列表,但我需要从我的多值选择器中获取所选值。我正在寻找获取select2 Jquery支持的值的方法。它可能是一个函数获得选定的值 我的下拉绑定代码

$(".leaderMultiSelctdropdown").select2( {
    maximumSelectionSize: 4
});

9 个答案:

答案 0 :(得分:77)

alert("Selected value is: "+$(".leaderMultiSelctdropdown").select2("val"));

或者,如果您使用常规选择框作为基础,您也应该能够使用普通的jquery调用:

alert("Selected value is: "+$(".leaderMultiSelctdropdown").val());

都返回所选键的数组。

答案 1 :(得分:23)

我知道它已经很晚了,但我认为你可以尝试这样做

$("#multipledpdwn").on("select2:select select2:unselect", function (e) {

    //this returns all the selected item
    var items= $(this).val();       

    //Gets the last selected item
    var lastSelectedItem = e.params.data.id;

})

希望将来对某人有所帮助。

答案 2 :(得分:17)

返回对象结构中的选定数据:

console.log($(".leaderMultiSelctdropdown").select2('data'));

类似的东西:

   [{id:"1",text:"Text",disabled:false,selected:true},{id:"2",text:"Text2",disabled:false,selected:true}]

返回选定的val:

console.log($('.leaderMultiSelctdropdown').val());
console.log($('.leaderMultiSelctdropdown').select2("val"));

类似的东西:

["1", "2"]

答案 3 :(得分:5)

试试这个,

jQuery('.leaderMultiSelctdropdown').select2('data');

答案 4 :(得分:2)

简单地说:

$(".leaderMultiSelctdropdown").val()

答案 5 :(得分:2)

您应该尝试使用此代码。

 $("#multiple_Package_Ids_checkboxes").on('change', function (e) { 
        var totAmt = 0;
        $.each($(this).find(":selected"), function (i, item) { 
            totAmt += $(item).data("price");
            });
        $("#PackTotAmt").text(totAmt);
    }); 

答案 6 :(得分:0)

试试这个:

@RequestMapping(method = RequestMethod.GET, value = "/handoff")
public void dispatch(HttpServletRequest request,
  @RequestParam(value = "referralURL", required = false) String referralUrl, HttpServletResponse response) {

    String redirectURL = "http://desinationURL.com/post";

    HttpClientHelper httpHelper = new HttpClientHelper();
    HttpEntity entity = httpHelper.httpClientPost(redirectURL, null);

    //streams the raw response
    entity.writeTo(response.getOutputSStream());
}

答案 7 :(得分:-1)

这将从多值选择框中获取选定值:     $(“#id选项:已选择”)。val()

答案 8 :(得分:-1)

请点击这个简单的example。您可以在 select2 multi 中获取值。

var values = $('#id-select2-multi').val();
console.log(values);