結果を絞り込むための検索フィルターを備えた Web ページがあります。結果をクリックして詳細ページに移動できますが、ブラウザの「戻る」ボタンを使用して検索結果に戻ると、フィルタがすべて消えてしまいました。フィルター オプションを "FORM" 要素にラップして永続化するのは悪い習慣ですか?
前:
<div class="sort-results classes">
<select id="select-classes" name="sort-classes">
<option selected="selected" value="">Sort by</option>
<option value="price-ascending" data-order="asc" data-sort="class-price">Price: Lowest</option>
<option value="price-descending" data-order="desc" data-sort="class-price">Price: Highest</option>
...
</select>
</div>
後:
<div class="sort-results classes">
<form>
<select id="select-classes" name="sort-classes">
<option selected="selected" value="">Sort by</option>
<option value="price-ascending" data-order="asc" data-sort="class-price">Price: Lowest</option>
<option value="price-descending" data-order="desc" data-sort="class-price">Price: Highest</option>
...
</select>
</form>
</div>