JQuery UI選択したオプションの値を取得する方法

Question

は、Michael AufreiterによってJQuery UIウィジェットで選択されたオプション値を取得する方法を検索しながら、私の一日を無駄にしました。彼のデモサイトとgithubへのリンクは次のとおりです。http://quasipartikel.at/multiselect/

その結果、PHPスクリプトへのPOST/GET送信なしで、選択したオプションの値フィールドが必要です。 私は多くの方法を試み、結果は無かった。 はあなたの助けやアイデア

が必要です*のでAufreiterのjqueryのUIの複数選択についてものの役に立たない多くのトピックが見つかります。■*

Answer 1

私はあなたが上記の持っているサイトに行って、私の中でこれを実行することができましたクロムコンソール：

$('.ui-multiselect .selected li').each(function(idx,el){ console.log(el.title); }); 

div.selected要素内のリストアイテムのタイトル属性には、必要な値が格納されているようです。

編集：

いやはや！もちろん、あなたは値を求めています。ごめんなさい。完全にそれを逃した。実際の商品はjQuery data()のオブジェクトに保存されています。この場合、必要なキーは「optionLink」です。これは、オプション要素への参照を保持します。 '.selected' divの各リスト項目はjQuery.data（）メソッドを使用して基になるオプションを追加しました。

したがって、選択したリスト項目を取得し、反復して、データjQueryデータストアから「optionLink」を取得して値を取得する必要があります。

次のコードは、例のページで動作します：

$('.ui-multiselect .selected li').each(function(idx,el){ 
    console.log(el); 
    var link = $(el).data('optionLink'); 
    // link now points to a jQuery wrapped <option> tag 


    // I do a test on link first. not sure why, but one of them was undefined. 
    // however, I got all four values. So I'm not sure what the first <li> 
    // is. I'm thinking it's the header... 
    if(link){ 

     // here's your value. add it to an array, or whatever you need to do. 
     console.log(link.val()); 
    } 

}); 

これは私が複数選択を見てきた最初のものです。それは滑らかです。しかし、私は何かを得るためにあなたの欲求不満を共感します。 'getSelectedOptions（）'メソッドは良いでしょう。

乾杯

Answer 2

これでうまくいくはずです。 Chromeコンソールでテスト済み

$("#countries").val(); 

Answer 3

閉じるイベントで選択した値にアクセスしてみてください。

$("#dropdown").multiselect({ 
    header: false, 
    selectedList : 1, 
    height: "auto", 
}).multiselectfilter().bind("multiselectclose", function(event, ui) { 
    var value = $("#dropdown").val(); 
}); 

希望します。

Answer 4

ベストソリューション

$('#select').multiselect({ 
    selectAllValue: 'multiselect-all', 
    enableCaseInsensitiveFiltering: true, 
    enableFiltering: true, 
    height: "auto", 
    close: function() { 
      debugger; 
      var values = new Array(); 
      $(this).multiselect("getChecked").each(function(index, item) { 

       values.push($(item).val()); 
      }); 
      $("input[id*=SelectedValues]").val(values.join(",")); 
    } 
}); 

Answer 5

あなたはこの試みることができます：私はフィールドではない、その名前の値が必要

$('#ListBoxId').multiselect({ 
    isOpen: true, 
    keepOpen: true, 
    filter: true 
});