• ベストアンサー

プルダウンの幅

ブラウザIE4,5,6の場合の質問です。 フォームのプルダウンのテキストの幅は、テキストの文字列の長さで決まるみたいです。 プルダウンのテキストをJacaSvriptで長い文字にするとプルダウンのテキストの幅は広がります。 プルダウンのテキストをJacaSvriptで短い文字にした場合にプルダウンのテキストの幅を狭める方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

たとえばこんな感じ <script> function short(s,w){ s.style.width=w; } </script> <form> <select name="select1"> <option>あああああああああああああああああああ</option> <option>いいいいいいいいいいいいいいいいいいい</option> <option>ううううううううううううううううううう</option> </select> <input type="button" value="50" onClick="short(this.form['select1'],50)"> <input type="button" value="100" onClick="short(this.form['select1'],100)"> <input type="button" value="150" onClick="short(this.form['select1'],150)"> </form>

関連するQ&A

  • プルダウンメニューの幅

    フォームのプルダウンメニューの幅は強制的に変えることができるでしょうか。 --- <select> <option>●●●●●</option> <option>▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲</option> </select> --- データとしては▲▲の文字数を保ちたいのですが、横幅を上の●●の文字幅にそろえたいときは、どうしたらよいのでしょう。 スタイルシート、JavaScriptを使うのでしょうか。

    • ベストアンサー
    • HTML
  • プルダウンメニュー教えてください。

    プルダウンメニューを作成しようとしていますが、望みのものが見つかりません。 欲しいプルダウンメニューは、 ・画像の上にポインタを置いたら、下に同じ幅でメニューが表示される。 ・そのメニューは画像ではなく、テキストによるメニュー。透過されており、不透明度を調整できる。 ・各メニューは横線で区切られており、ポインタを下に滑らすとポインタのある枠(ボックス)の背景色と文字色が変わる。 ・対応ブラウザは、IE6以上、FF、Chrome。 こういったプルダウンメニューを探しています。ネットで探せば、Java ScriptやCSSが たくさん紹介されているのですが、ぴったりのものが見つかりません。 もしご存知でしたら、教えていただけますでしょうか? よろしくお願いします。

    • ベストアンサー
    • CSS
  • ダイナミックテキストの幅を広げるには?

    ダイナミックテキストに外部から読み込んだ文字を表示させているのですが、 読み込んだ文字がフィールドに全て入らなかった場合にダイナミックテキストの表示幅をActionScriptを使用して変更する事は可能でしょうか? 例えば20文字程度が表示できるテキストフィールドに30文字の文字列を表示させたい場合、テキストフィールドのサイズを広げたいのです。 最初から30にすればいいのではと思うかもしれませんが、構造上それは避けたいです。 良い方法を御存知の方がいらっしゃいましたらアドバイスをお願い致します。

    • ベストアンサー
    • Flash
  • テーブルの幅を固定するとnowrapがきかなくなるのですが・・・

    いつもお世話になっております。どなたか教えて下さい。 テーブルの幅を”width=***”で固定しました(tableタグもtdタグも両方)。文字列を改行したくないので”nowrap”を書いて改行不可にしたら、改行は回避できたものの、幅が固定されずに文字の長さに合わせられてしまいました。 そこでこのサイト内で方法を模索していると”style=table-layout:fixed”で固定できると書いていたので追加すると幅の固定は出来たのですが、今度は文字列が改行されてしまいました。 どうすれば幅を固定し、改行も回避できるのでしょうか? 文字列が長すぎるものは途切れていてもOKなので、枠をとにかく固定したいのです。 どなたか回答御願い致します。 ブラウザはIE5か6です。

  • メールフォームをつくっています

    メールフォームのテンプレートをビルダーで加工して、二列複数行のものをつくっています。 1.一列目に項目をいれていますが、その中の文字数が多いのでその列の幅を調整しようと   <th height="30" width="200">のwidthの数値を変えても幅が変わらないので困っています。 2.質問欄を作って、複数行のテキストボックスをいれると、ブラウザーで見たときに上下左右に自由   に幅を変えることができるようになってしまい、結果として一列目の幅が変形してしまい文字列が   バラバラになってしまいます。 対処する方法はありますか? 3.フォームの上にアイコンバーをタイトル的に置くとバーとフォームの間が少し空いてしまい見た目   があまりよくありません。 間をなくしてぴったりくっつけるには方法があるのでしょうか? 欲張って3つも書いてしまいましたが、アドバイスをお願いします。

  • ACCESSでコンボボックスをプルダウンする際のリストの幅について

    簡単なことですみません。ぜひ教えて下さい。 フォームにコンボボックスを設置した際のリストボックスの幅の設定する方法を教えて下さい。 リストを左右2列にして表示しているのですが、列ごとに幅を変えたいのですが、プロパティのどこに数値を入れたらいいかわかりません。 ご存知の方、教えてください。

  • プルダウンからテキストボックスへ

    フォームのプルダウンで選択した内容を、テキストボックスへ自動的に反映させる方法はありますか?ラジオボタンからOnclickを使う方法はわかるのですが…。

    • ベストアンサー
    • HTML
  • プルダウンメニュー表示時の高さの指定方法

    ブラウザ上でプルダウンメニューを表示させる際に、表示される高さ(タテ幅)の指定をするにはどうすればよいか、ご存知の方は教えていただけないでしょうか? ちなみに、プルダウンメニューの横幅は、<select>タグ内に、「style="width:(幅を指定);"」を記述することで固定幅の設定が可能でしたが・・・ なお、プルダウンメニューは初期表示として、1件のみ表示させるものとします(すなわち、<select>タグ内の「size="1"」の指定は変えないこととする)。 というのも、プルダウンに表示させる項目(条件によって可変)の件数が多い場合に、プルダウンメニュー内でスクロールさせるのをできるだけ避けたいためです。 よって、方法としては、 1.プルダウン表示させる際の高さ(タテ幅)を固定で指定する 2.可能であれば、登録されている全項目の表示をさせる 以上2つの方法を考えています。 なにかよい方法があれば、ぜひ教えてください。

    • ベストアンサー
    • HTML
  • Safariでプルダウンができない

    MacOSXにて、Safari1.3.2を使用し、インターネットを利用しています。 一部のサイトではあるのですが、Webサイト中でプルダウンにて項目を選択する場合に、プルダウンが動かないことがあります。 今もバスの座席の空席紹介と予約をしようとしていたのですが、日付や地域のプルダウンが作動せず、困っています。 IEも入っているので、そちらで試したところ、プルダウンはするものの、プルダウンの文字が表示されず、当てずっぽうで選択しなくてはならず、非常に不便です。 IEはもうMacでの保証はしていないし、Safariの問題を解決したいのですが、同様の症状と対策に心当たりの方はいらっしゃいませんか? よろしくお願いします。

    • ベストアンサー
    • Mac
  • メールフォームのプルダウンメニュー

    メールフォームに都道府県などを選ぶプルダウンメニューを入れたいと思います。 通常のテキストボックスには必須コマンドが有効なのですが、 プルダウンの場合、「お選びください」という1行目があるため、 必須にしようとしてもなかなかできません。 この「お選びください」という1行目を無効にすることはHTML上のタグ操作で可能なんでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう