![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
空白のリストボックスを作成し、別ページで選択した内容をそのリストボックスに登録する仕組みを作ろうとしています。
普通に
****************
<select size=~>
<option></option>
…
</select>
****************
とすると、リストボックスの幅が1文字分ぐらいのサイズになってしまいます(内容を登録すれば、最大文字長内容に対応したサイズになります)。
<option>タグの中に空白を埋めるという方法もあるのですが、他の処理も修正しないといけなくなるので、最後の奥の手としか使いたくありません。
<option>タグ内、もしくはjavascript内で設定する方法ってあるんでしょうか?
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?e8efa67)
No.2ベストアンサー
- 回答日時:
-> 「ひとまず」というのは、設定ピクセル以上の長さの内容が登録された場合、
-> 表示が見切れてしまう問題が発生するからです。
-> でも、リストボックスにスクロールバーはつけられませんよね・・・?
そうでした。
[ リストボックスオブジェクト ].style.pixelWidth=[ 整数値 ]
で、JavaScriptからサイズ変更できます。
ですが、登録された内容( 文字列の長さ )を如何にしてピクセル値に変換する
かが、悩みどころだと思います。
(プロポーショナルフォントだと文字によっては同じ文字数でも表示幅は違って
きますから・・・)
やっぱりないですか…。
(少しだけ「実はあるんですよ」という解答を期待してたんですけど)
該当ページはフレーム分割の都合で縦長になっていて、
文字長ごとにリストボックスの大きさを変えると、ページ全体の幅も変わっていました(他のテキストボックスの表示なんかもバタバタ変わって少し見苦しかった)。
だから、ひょっとしたら固定してしまった方がいいのかもしれません。
本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript 中百舌鳥駅と深井駅を入れ替えて選択しても同じ挙動にしたいです。 2 2022/06/24 18:45
- JavaScript 2段階プルダウンで1段階目の選択を終えた後に選択ボックスを見えなくしたい 2 2022/07/05 21:58
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
スマホ(android)のタッチパネ...
-
HTMLを正しく表示させるには
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
英字と日本語が並んだhtmlの自...
-
スマホでHTMLファイルを開いて...
-
HTMLで特定の文字だけ色を変え...
-
iPhoneで HTMLファイルを閲覧
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
リストボックス(multipleなsel...
-
ラジオボタンを選択済みにする...
-
OPTIONタグにループは使えない...
-
検索窓をクリックすると文字が...
-
NNでうまく動きません
-
チェックボックス選択で(3つ)...
-
フォームで絞込み検索機能を持...
-
メールフォームのプルダウンメ...
-
HTML プルダウンメニューの選択...
-
チェックボックスの余白を指定...
-
<select>タグの幅設定
-
フォームよりCGIへ複数の値をPO...
-
HP上の選択ボタンの選択肢リス...
-
プルダウンメニューにテキスト...
おすすめ情報