やりたい内容としまして、
現在、検索結果の一覧として表示されるもののカラムの中に
jqueryのプラグインのselect2のマルチプルを使用した欄があり
select2の配布サイト
上記のサイトのExamplesにある、Multiple select boxesというのを
そのまま使っているようです。
それらを別で用意したマルチプルの同じ内容の選択肢で
チェックボックスでチェックを入れたレコードにだけ反映させる事をしたいです。
(1)ここのマルチプル選択肢で内容を選択、
ボタンなどを押した際に(2)の一覧に反映
multiple |
---|
『選択1』『選択2』 |
(2)☑を入れた内容だけに反映
チェック | name | multiple |
---|---|---|
☑ | あああ | 『選択1』『選択2』 |
□ | いいい | |
☑ | ううう | 『選択1』『選択2』 |
□ | えええ |
html
1<table id="table"> 2 <tbody> 3 <tr><td class="checkbox">ちぇっくぼっくす</td><td>なまえ</td><td>せんたくし</td> </tr> 4 <tbody> 5</table>
javascript
1$(#table tbody .checkbox:checked).each(function(){ 2// ここのmultiは(1)のvalueが取れてることを確認してます。 3for(var i=0;i<multi.length;i++){ 4 // この部分で同じvalueになっているものをクリック 5 $(this).parents("tr").find(".multiple option:[value="+multi[i]+"]").trigger("click"); 6} 7}
正直select2に関してどうなってるのかわからず、
検討が付きません。
どうか詳しい方いたらお願いいたします。
ちょっと突貫で書いてしまった部分が多いので分かり辛いかもしれませんが、
ご教授お願いいたします。
『追記』
業務で使ってるものなので名前は変えましたが
だいたいこのような形です。
html
1<td nowrap="nowrap"> 2 <div class="select2-container select2-container-multi .multiple" id="s2id_autogen103" style="width: 100%;"> 3 <ul class="select2-choices"> 4 <li class="select2-search-field"> 5 <label for="s2id_autogen104" class="select2-offscreen"></label> 6 <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="select2-input" id="s2id_autogen104" tabindex="0" placeholder="" style="width: 10px;"> 7 </li> 8 </ul> 9 <div class="select2-drop select2-drop-multi select2-display-none"> 10 <ul class="select2-results"> 11 <li class="select2-no-results">No matches found</li> 12 </ul> 13 </div> 14 </div> 15 <select class="multiple select2-offscreen" multiple="multiple" tabindex="-1"> 16 <option value="1">選択肢1</option> 17 <option value="2">選択肢2</option> 18 </select> 19</td>
回答3件
あなたの回答
tips
プレビュー