「カテゴリ」を選択できるドロップダウンボックスがあります。変更すると、以下のコードに示すように新しいカテゴリが読み込まれます。それ以来、「サブカテゴリ」システムを導入しており、このコードを少し変更する必要があります。次の情報が非常に役立つことがわかりました。
jqueryの.on関数を介して複数のセレクターに異なるイベントをアタッチする方法は? .
ただし、それは私の問題を完全には解決しません...同じ関数内の各セレクターに対して2つの別々のイベントを実行するためにそれを使用できますが、「カテゴリ」と「サブカテゴリ」の両方のイベントで両方を同時に実行する必要があります選択されます。それらは別々に実行できる必要もありますが、1 つだけが選択された場合。私はjs/jqueryにかなり慣れていないので、提供できる情報が多ければ多いほど良いです! どうもありがとうございました!
<script type='text/javascript'>
$(document).ready(function()
{
$('select#selectCategory').change(function()
{
var cat = $('select#selectCategory').val();
var subcat
if(cat > 0)
{
var param = '&category_id=' + cat;
}else{
var param = '';
}
var href = './videoroom.php?action=video_gallery'+ param +'&page=1';
window.location.href = href;
});
});
</script>
以下は、既に作成された jquery コードに関連する HTML セクションです。
<select style="min-weight:100px;" name="filter_by_cat" id="selectCategory">
<option value="0">All</option>
<option value="9">Wizard101</option>
<option value="10">Pirate101</option>
<option value="11">Pet Derby</option>
<option value="14">Misc/Fun</option>
</select>
そして、新しく作成されたサブカテゴリに追加した新しいビットは次のとおりです。
<select style="min-weight:100px;" name="filter_by_subcat" id="selectSubCategory">
<option value="0">All</option>
<option value="21">General PvP</option>
<option value="22">PvPC Matches</option>
<option value="23">PvP Guides</option>
<option value="24">Miscellaneous</option>
</select>