JavaScript の質問用スレッド vol.126 (308ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん
162: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)00:10 ID:Rcnd56Cm0(1/4) AAS
sizeが指定されているSELECTタグのdisplayをnoneにして消す
代わりに自分でsize分だけのリストなりボタンなりを追加する
これをjsでモバイル表示のときだけ実現すりゃいいんじゃない
165: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)12:45 ID:Rcnd56Cm0(2/4) AAS
無理じゃない
jsでdom操作はいくらでもできる
ul liでoptionのような動作をするカスタムのリストボックスも作成可能でcssフレームワークではよくつかう手法
そういうカスタムのWebComponentを作るといいよ
selectから情報をひっぱってきて外観をul liでカスタムコンポーネントを作り、liのクリックイベントリスナーでselect要素のselectedIndexを変更すればいい
select要素はモバイル環境ではdisplayをnoneにする
166: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)12:47 ID:Rcnd56Cm0(3/4) AAS
再利用しないのならWebComponent書くまでもなくそのままjsで書けばいい
168: (ﾜｯﾁｮｲ 47f6-WOak [2400:2200:714:c52d:*]) 2024/03/02(土)13:00 ID:Rcnd56Cm0(4/4) AAS
仕事で受けてるのならこのくらいできないとヤバいぞ
カスタムコンポーネントにすれば
customListBox.size = 25
customListBox.selectIndex = 99
みたいに設定できるようにメソッド追加すると便利
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.898s*