jQuery要素の絞り込みボタンを<select></select>タグにしたいです。
下記のindex.html の種類のボタンに、select button.html の機能を追加したいですが
どなたかわかる方がいましたら教えて下さい
http://xfs.jp/tdevx
No.1ベストアンサー
- 回答日時:
移植すれば良いだけでは?
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>
プルダウンの中にボタンを入れたい訳ではありませんよね
ご親切なご回答ありがとうございました。こちら問題なく動きました。
また、私のスキルではなかなかできませんでしたので
教えていただき大変助かりました。誠にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- Excel(エクセル) excelVBAについて。 8 2022/12/11 13:47
- MySQL 下の画像はSQLの4大命令の性質をまとめたものであるらしいです UPDATE INSERT DELE 1 2023/06/07 15:36
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- Excel(エクセル) エクセル VBAでシートのコピーを作りたい 1 2023/05/18 07:42
- Excel(エクセル) ②Excel 簡単にシートコピーしたら前日の残高と日付を変更させたい→マクロの記録でエラーが出ます 8 2022/07/16 20:40
- Excel(エクセル) ExcelVBAについて。 2 2022/12/10 20:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div>のタッチ状態を維持したま...
-
フォームが空欄の時にフォーム...
-
変数名をどのようにつけるのが...
-
階層別の組織図の自動作成について
-
jQueryでシンセサイザーを作っ...
-
2段階プルダウンで1段階目の選...
-
初心者です。gulpでコンパイル...
-
プラグイン無しでContactform7...
-
正規表現について質問です。条...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
二次元配列の中の各行の要素を...
-
出発駅A、到着駅Bを選択すると...
-
jQueryで同じクラス名のものを...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
GASに文字列として関数を入れる...
-
読み込んだQRコードをフォーム...
-
【GAS】WEBアプリでハイパーリ...
-
jsonテキストデータの並び替え...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
プルダウンメニューで、選択項...
-
2つの<select>フォームの完全...
-
プルダウンメニュー項目のフォ...
-
jQuery if文の条件分岐 (。ノд...
-
VB6.0でコントロール配列の配列...
-
セレクトボックスの幅をプルダ...
-
チェックボックスにチェックで...
-
オプションメニューのアイテム...
-
<SELECT>タグでの selected 状...
-
カタカナ変換を一発でする方法
-
プルダウンメニューアイテムの...
-
メール予約フォームを壊してし...
-
プルダウンメニューを選択した...
-
日付リストボックスの制御について
-
プルダウンのリンクについて
-
javascriptでプルダウンメニュ...
-
プルダウン 背景色の変更
-
selectの選択肢の説明を表示す...
-
プルダウンメニューでインライ...
おすすめ情報