空白のリストボックスを作成し、別ページで選択した内容をそのリストボックスに登録する仕組みを作ろうとしています。
普通に
****************
<select size=~>
<option></option>
…
</select>
****************
とすると、リストボックスの幅が1文字分ぐらいのサイズになってしまいます(内容を登録すれば、最大文字長内容に対応したサイズになります)。
<option>タグの中に空白を埋めるという方法もあるのですが、他の処理も修正しないといけなくなるので、最後の奥の手としか使いたくありません。
<option>タグ内、もしくはjavascript内で設定する方法ってあるんでしょうか?
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ランキング
-
ラジオボタンが両方とも選択で...
-
INPUT TYPE
-
「value」に2つの値をセットす...
-
チェックボックスグループの一...
-
リストボックス(multipleなsel...
-
FORMのselectの選択肢を最初か...
-
select値をhiddenのvalueに渡し...
-
wordの数式について 定積分を書...
-
python subprocessに関する質問
-
ローカルテストサーバーと本番...
-
別formのhidden項目を自form値...
-
左右のフレームを同時にスクロ...
-
裏掲示板の見方
-
チェックボックスで選択した内...
-
perlで書いたcgiでsqliteの使い...
-
perl/cgi リダイレクトができない
-
誕生日のカウントダウン日数を...
-
チェックボックスでのvalue値の...
-
perlを難読化、暗号化させたい
-
心理テストページをCGIで作りた...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
select値をhiddenのvalueに渡し...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
チェックボックスグループの一...
-
ラジオボタンを選択済みにする...
-
<select>タグの幅設定
-
OPTIONタグにループは使えない...
-
iframeごとに戻るボタンを
-
メールフォームのプルダウンメ...
-
リストボックス(multipleなsel...
-
selectboxの画面遷移で、postデ...
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
一つの検索窓で複数のサイトか...
-
コンボ1の内容に応じてコンボ...
-
チェックボックスの余白を指定...
-
ラジオボタンとセレクトメニュ...
おすすめ情報