jQuery要素の絞り込み + <select></select>タグの追加 + ソート機能

jQuery要素の絞り込みボタンを<select></select>タグにしたいです。

下記のindex.html の種類のボタンに、select button.html の機能を追加したいですが

どなたかわかる方がいましたら教えて下さい

http://xfs.jp/tdevx

No.1 ベストアンサー 回答者： DoubtOwl 回答日時： 2015/02/13 13:00

移植すれば良いだけでは？

JavaScript：
$(function() {
$("#selects").change(function() {
var tags = $("#selects option:selected").val();
$("#sortwrapper").children().hide();
if(tags == 'dogs') {
$("#animal .dog").show();
} else if(tags == 'cats') {
$("#animal .cat").show();
} else if(tags == 'birds') {
$("#animal .tri").show();
} else {
$("#sortwrapper").children().hide();
}
});
});

HTML：
<select id="selects">
<option value="all">全て</option>
<option value="dogs">イヌ</option>
<option value="cats">ネコ</option>
<option value="birds">トリ</option>
</select>

プルダウンの中にボタンを入れたい訳ではありませんよね

この回答へのお礼

ご親切なご回答ありがとうございました。こちら問題なく動きました。
また、私のスキルではなかなかできませんでしたので
教えていただき大変助かりました。誠にありがとうございました。

お礼日時：2015/02/14 17:02