質問者様
nameとIdの使い方分けたほうが良いですよ
今回なら
Id="visitor_id1"
Id="employee_id1"
Id="visitor_id2"
Id="employee_id2"
とか間違いの元となりますよ。
（今回はあえて修正していません）
結局クラス指定しかしないので「どちらの社員に対してフィルタを行えばよいか」が不明の状態でした
よってsearch_filterに引数を追加してどちらの処理か判るようにしてあります。
基本の処理自体はほぼ変更ありません。ただ「どちら」の指定を追加しただけです。
javascript
1//chosen
2$('.chosen-select').chosen({
3 search_contains: true
4});
5
6$(function () {
7 var searchBox = '.search-box'; // 絞り込む項目を選択するエリア
8 var listItem = '.list_item'; // 絞り込み対象のアイテム
9 var hideClass = 'is-hide'; // 絞り込み対象外の場合に付与されるclass名
10 $(function () {
11 // 絞り込み項目を変更した時
12 $(document).on('change', '.search-box select', function () {
13 search_filter(this);
14 $('.chosen-select').trigger("chosen:updated"); // 追加
15 });
16 });
17 //リストの絞り込みを行う
18 function search_filter(e) {
19 // 非表示状態を解除
20 // $(listItem).removeClass(hideClass);
21 $(e,listItem).attr('disabled', false);
22 for (var i = 0; i < $(e,'.search-box select').length; i++) {
23 var name = $(e,'.search-box select').eq(i).attr('id');
24 // 選択されている項目を取得
25 var searchData = get_selected_input_items(e,name);
26 // 選択されている項目がない、またはALLを選択している場合は飛ばす
27 if (searchData.length === 0 || searchData[0] === '') {
28 continue;
29 }
30 // リスト内の各アイテムをチェック
31 for (var j = 0; j < $('select[name="'+ e.id +'"] ' + listItem).length; j++) {
32 // アイテムに設定している項目を取得
33 var itemData = $('select[name="'+ e.id +'"] ' + listItem).eq(j).data(name);
34 // 絞り込み対象かどうかを調べる
35 if (searchData.indexOf(itemData) === -1) {
36 //$(listItem).eq(j).addClass(hideClass);
37 $('select[name="'+ e.id +'"] ' + listItem).eq(j).attr('disabled', true);
38 }else{
39 $('select[name="'+ e.id +'"] ' + listItem).eq(j).attr('disabled', false);
40 }
41 }
42 }
43 }
44 //選択されているoptionのvalue属性の値
45 function get_selected_input_items(e,name) {
46 var searchData = [];
47 // $('[name=' + name + ']:checked').each(function() {
48 $(e,'select[name=' + name + '] option:selected').each(function () {
49 searchData.push($(e,'#visitor_id option:selected').val());
50 });
51 return searchData;
52 }
53});
Q&A
ベストアンサー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。