空白のリストボックスを作成し、別ページで選択した内容をそのリストボックスに登録する仕組みを作ろうとしています。
普通に
****************
<select size=~>
<option></option>
…
</select>
****************
とすると、リストボックスの幅が1文字分ぐらいのサイズになってしまいます(内容を登録すれば、最大文字長内容に対応したサイズになります)。
<option>タグの中に空白を埋めるという方法もあるのですが、他の処理も修正しないといけなくなるので、最後の奥の手としか使いたくありません。
<option>タグ内、もしくはjavascript内で設定する方法ってあるんでしょうか?
No.1
- 回答日時:
スタイルシートを使って指定するしか無いように思います。
例えば次の様にすると、幅が 100ピクセルになります。
<select style="width:100" size=~>
<option></option>
・・・
</select>
この回答への補足
ありがとうございます。ひとまず問題解決です。
「ひとまず」というのは、設定ピクセル以上の長さの内容が登録された場合、表示が見切れてしまう問題が発生するからです。
でも、リストボックスにスクロールバーはつけられませんよね…?
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ランキング
-
ラジオボタンが両方とも選択で...
-
selectboxの画面遷移で、postデ...
-
select値をhiddenのvalueに渡し...
-
コンボ1の内容に応じてコンボ...
-
<select>タグの幅設定
-
INPUT TYPE
-
「value」に2つの値をセットす...
-
iPhoneでセレクトボックスが選...
-
ラジオボタンを選択済みにする...
-
検索窓をクリックすると文字が...
-
Select Case について教えてく...
-
メールフォームのプルダウンメ...
-
ラジオボタンとセレクトメニュ...
-
wordの数式について 定積分を書...
-
WEBページを強制的に横画面で見...
-
ディレクトリのファイル数取得
-
チェックボックスの返す値
-
フォントサイズを変えるには?
-
ブックマークからのアクセスを...
-
FC2 掲示版のカスタマイズの仕...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
select値をhiddenのvalueに渡し...
-
INPUT TYPE
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
iPhoneでセレクトボックスが選...
-
リストボックス(multipleなsel...
-
チェックボックスグループの一...
-
検索窓をクリックすると文字が...
-
メールフォームのプルダウンメ...
-
プルダウンメニューでValue値を...
-
チェックボックスの余白を指定...
-
買い物カゴの作成
-
iframeごとに戻るボタンを
-
OPTIONタグにループは使えない...
-
リストボックスの値を複数のテ...
-
select name が反映されません...
-
MIDIのONとOFF。
おすすめ情報