ネット上のソースを利用してます。
親カテゴリ‐を選択すると子カテゴリーの内容が厳選されて表示される仕様ですが
iphone、サファリだと厳選されずすべて表示されます。
原因がわかりません。
<form> <!-- 親select --> <select class="hierSelect" data-child=".child"> <option value="">----</option> <option value="1">グループ1</option> <option value="2">グループ2</option> <option value="3">グループ3</option> </select> <!-- 子select1 --> <select class="child"> <option value="">----</option> <option value="1" data-parent="1">サンプル111</option> <option value="2" data-parent="1">サンプル112</option> <option value="3" data-parent="1">サンプル113</option> <option value="4" data-parent="2">サンプル121</option> <option value="5" data-parent="2">サンプル122</option> <option value="6" data-parent="2">サンプル123</option> <option value="7" data-parent="3">サンプル131</option> <option value="8" data-parent="3">サンプル132</option> <option value="9" data-parent="3">サンプル133</option> </select> <!-- 子select2 --> <select class="child"> <option value="1" data-parent="1">サンプル211</option> <option value="2" data-parent="1">サンプル212</option> <option value="3" data-parent="1">サンプル213</option> <option value="4" data-parent="2">サンプル221</option> <option value="5" data-parent="2">サンプル222</option> <option value="6" data-parent="2">サンプル223</option> <option value="7" data-parent="3">サンプル231</option> <option value="8" data-parent="3">サンプル232</option> <option value="9" data-parent="3">サンプル233</option> </select> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script> $(function() { $('.hierSelect').on('change', function() { var selected = $(this).val(); $($(this).data('child')).each(function(i,childSelect){ $(childSelect).find('option').each(function(j,childOption) { if(selected.length == 0 || $(childOption).data('parent') == selected) { $(childOption).show(); } else { $(childOption).hide(); } }); }); }); $('.hierSelect').trigger('change'); }); </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/26 05:43
2017/05/26 12:01
2017/05/30 07:01