- ベストアンサー
リストボックス内の文字について
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<select>要素にスタイルシートを適用すれば良いと思います。 <select name="year" style="font-size: 18px; font-weight: bold;"> などのように記述すると良いでしょう。 なお、個別のオプションのみを強調したい場合などは、Netscape 7などでは<option>要素に個別にスタイルシートを設定することで文字表示のスタイルを変えることができます。 IEでは、文字の太さ・大きさに関しては、<option>要素でスタイルシートを設定しても有効にならないようです(文字色の変更は可能でした)。 参考になれば幸いです。
その他の回答 (1)
- makopi
- ベストアンサー率0% (0/1)
スタイルシートを使えば出来ますよ 回答No.1の方のように直接タグ内に書いてもいいし HTMLのヘッダ部分に <STYLE type="text/css"> <!-- SELECT.b{ font-size:20pt; font-weight:bold; } --> </STYLE> （これはサイズを20ptで太字の例） と書いて 文字を大きく・太くしたいselectタグにclass指定 <select class="b" name="year"> と記述すればいいです。 なお、NN4.x系は有効ではありません。
お礼
返信有難うございました。 スタイルシートでもできるのは知らなかったです。 参考になりました。
関連するQ&A
- リストボックスを使って検索フォームを作りたいのですが
教えて！ｇｏｏの質問フォームのようなものが作りたいのですが出来なくて困っています。 リストボックスを２つ設けて、最初のリストボックスから選んだ項目によって、次のリストボックスに表示させる項目を選択したいのですが。 例えば、下のlist1のリストボックスから「名前」を選んだ場合にはlist2のリストボックスに氏名を、「日付」を選んだ場合には日付をリストに表示したいですが．．． <SELECT name="list1"><OPTION value=default>検索項目</OPTION> <option value=name>名前</option>); <option value=date>日付</option>); <option value=team>チーム</option>); </SELECT> <SELECT name="list2"><OPTION value=default>氏名</OPTION> <option value=suzuki>鈴木</option>); <option value=sato>佐藤</option>); <option value=tanaka>田中</option>); </SELECT> <SELECT name="list2"><OPTION value=default>日付</OPTION> <option value=2004>2004年度</option>); <option value=2003>2003年度</option>); <option value=2002>2002年度</option>); </SELECT> 書き方や説明が分かりにくいかもしれませんが、よろしくお願いします。
- ベストアンサー
- PHP
- リストボックスから直接引き金を引く
お世話になります。 早速ですが、 今、あるaplを書いていまして、 処理内容はリストボックスからキーを選択させ、 そのキーでＤＢを検索、表示するというモノです。 現在のロジック、つくりは、 リストボックスの下に（「表示」という）ボタンを設置してあり、 リストボックスからキーを選択した後、 そのボタンを押すことでcgiに戻りＤＢを検索する、 となっています。 <FORM action="./DB.cgi" method="POST"> <div> <select name="key" size="3"> <option value="aaa">aaa <option value="bbb">bbb <option value="ccc">ccc <option value="ddd">ddd <option value="eee">eee <option value="fff">fff </select> </div> <input type=submit value="表示"> <input type="hidden" name="mode" value="display"> </FORM> ここで質問ですが、 リストボックスからキーを選択したらそのままＤＢ検索へ移行するような コードを教えて欲しいのです。 （いちいち表示ボタンを押さなくて良いやり方です） 以上、宜しくお願いします。
- ベストアンサー
- Java
- リストボックスに動的な初期設定値（selected）を与えたい（質問長文）
以下のようなリストボックスで、今日の日付データから「（1年前の）year」と「（今月の）month」の初期設定値を与えようと思うのですが、スマートな方法が思いつきません。 どなたかよい方法を教えてください・・・ <form name="test"> <select name="year"> <option>1997 ・・・（中略） <option>2005</select> 年 <select name="month"> <option value="01">1 ・・・（中略） <option value="12">12</select> 月 </form> <script language="JavaScript"> <!-- function initial(){ 【ここにどのように書くか】 } initial(); //--> </script>
- 締切済み
- JavaScript
- リストボックス全選択について
JavaScriptについて質問です。 リストボックスA,B と プルダウンC という画面項目があると仮定し、 submitボタンを押下したとき、 リストボックスA,Bの項目全てが全選択され、プルダウン項目はそのままにしたいと考えております。 下記のソースのように作成したのですが、 リストボックスが全選択されるところまでは良いのですが、 プルダウン項目が最後の項目が選択された状態になってしまいます。 リストボックスだけが全選択され、プルダウン項目はそのままにするにはどうしたら良いでしょうか。 かなり困ってます。 どなたか助けてください。。 以下ソースです。 <html> <head> <script language="JavaScript"> <!-- function selectAll(){ var str = document.getElementsByTagName("option"); for(i=0;i<str.length;i++){ str[i].selected = true; } } //--> </script> </head> <body> <table> <tr> <td> リストA<br> <select name="listboxA" multiple> <option value="サンプル1">サンプル1</option> <option value="サンプル2">サンプル2</option> <option value="サンプル3">サンプル3</option> </select> </td> <td> リストB<br> <select name="listboxB" multiple> <option value="サンプル4">サンプル4</option> <option value="サンプル5">サンプル5</option> <option value="サンプル6">サンプル6</option> </select> </td> <td> プルダウンC<br> <select name="Pdown"> <option value="サンプル7">サンプル7</option> <option value="サンプル8">サンプル8</option> <option value="サンプル9">サンプル9</option> </select> </td> </tr> </table> <br> <input type=submit value="送信" onClick="selectAll()"> </body> </html>
- 締切済み
- JavaScript
- web上のリストボックス作成
あるHTMLで、リストボックスをDREAMWEAVERでさくせいしました。 リストを選択すると、選択された名前のHTMLに飛ぶように指定したのですが、 ネスケでは動いてくれるのですが、IEでは飛んでくれません. 原因を教えてください。以下のようなHTMLです。 このためのCGIはくんでいません。 <form name="form2"> <select name="month"onChange="MM_jumpMenu('parent',this,0)"size="0"multiple> <option value="1.html"> １ </option> <option value="2.html"> ２ </option> <option value="3.html"> ３ </option> <option value="4.html"> ４ </option> <option value="5.html"> ５ </option> </select> </form>
- ベストアンサー
- HTML
- リストボックスを連動させて・・・その２
直前の質問で下記の回答をいただいたものです。 質問では２つのリストボックスを連動させたサンプルの回答をいただきましたが、ひょっとして、リストボックスの個数が何個でも対応させることはできないでしょうか。つまり、リストボックスのnameなどをscript部分に記さずに・・。 ここまでサンプルをもらっても改造できないので質問。 (^^; ■JavaScript <SCRIPT language=JavaScript> <!-- strBase = "test.cgi?hinmei=denwa "; strS1 = "&s1="; strS2 = "&s2="; function set(){ strS1b = strS1 strS2b = strS2 if (document.form.s1.options[document.form.s1.selectedIndex].value) strS1b += document.form.s1.options[document.form.s1.selectedIndex].value; if (document.form.s2.options[document.form.s2.selectedIndex].value) strS2b += document.form.s2.options[document.form.s2.selectedIndex].value; strURL = strBase + strS1b + strS2b; document.form.text.value = strURL; } //--> </SCRIPT> ■フォーム <FORM NAME="form"> <select name="s1" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="big">big</OPTION> <OPTION VALUE="small">small</OPTION> </SELECT> <select name="s2" onChange="set()"> <OPTION VALUE="" SELECTED>↓【選択して下さい】</OPTION> <OPTION VALUE="red">red</OPTION> <OPTION VALUE="white">white</OPTION> </SELECT> <INPUT TYPE="text" SIZE=50 NAME="text"> </FORM>
- ベストアンサー
- JavaScript
- リストボックスから選択できないのはどうして！？
実はJAVASCRIPTでリストボックス(select1)から会社名を選択するとその下のテキストボックス(link)に そのURLがでるものを作っていたのですが、なぜかリストボックスが選択できない状態になってしまいます。 下のがそのコードなのですが、どなたかわかるかたいらっしゃいませんか？ どうぞよろしくお願いいたします。 <SCRIPT type="text/javascript"> <!-- function aaa() { var a; if((f.select1.value) ="Ａ社") {url = "http://www.a***.co.jp" }; else if((f.select1.value) ="Ｂ社") {url =" http://www.b***.co.jp" }; else if((f.select1.value) ="Ｃ社") {url = "http://www.c***.co.jp" }; else{url = "URLはありません"}; (f.link.value) = url; return } //--> </script> <select onchange = "aaa()" name="select1"> <option value="A社" selected>A社</option> <option value="B社">B社</option> <option value="C社">C社</option> <option value="D社">D社</option> </select> <input type="text" name="link">
- ベストアンサー
- JavaScript
- ｐｈｐのリストボックスについて
よろしくお願いします。 phpを利用し、条件にあった内容を表示させる画面を作っています。 リストボックスで選択した内容を次のリストボックスの選択キーとして 別テーブルの検索条件に利用できるものでしょうか？？ 以下のソースなんですが、 //------------------------------------------------------------- ソースA： print "<select name='brand' id='brand' style='width:190'>"; $sql ="select * from brand ORDER by no"; $res = mysql_query($sql); if ($res and mysql_num_rows($res)) { while($rec=mysql_fetch_array($res)){ echo "<option value='{$rec['name']}' >{$rec['name']}</option>"; } } print "</select>"; //-------------------------------------------------------------- とbrandテーブルからnameをリストボックス表示させます。 この表示し、選択した内容（仮にダイヤ）を同画面にあるもう一つの リストボックスで同じようなソースで別テーブルをselect文の検索キーに したいのです。以下のような感じ・・ //------------------------------------------------------------- ソースB： $sql ="select * from item where = 'ダイヤ'"; $res = mysql_query($sql); if ($res and mysql_num_rows($res)) { while($rec=mysql_fetch_array($res)){ echo "<option value='{$rec['itemname']}' >{$rec['itemname']}</option>"; } } print "</select>"; //-------------------------------------------------------------- の$sql ="select * from item where = 'ダイヤ'";←このダイヤを ソースAからもってきたいのですが、何かよい方法はありますか？ 変数作ってやってみましたが、うまくいかずです。phpだけでは無理でしょうか？よろしくお願いします。
- 締切済み
- PHP
- 複数のセレクトボックスを1つにまとめて受け渡すには
現在"年"と"月"のセレクトボックスがあり下記のように受け渡されています <form action="./search.php" method="GET"> <select name="year"> <option value="2010">2010年</option> <option value="2011">2011年</option> </select> <select name="month"> <option value="1">1月</option> <option value="2">2月</option> <option value="3">3月</option> ・ <option value="12">12月</option> </select> <input type="submit" value="検索"> </form> 受け取り側 http://www.###.jp/search.php?year=2011&month=11 となっています。 これを dateに一まとめにして受け取りたいですが http://www.###.jp/search.php?date=201111（2011-11でも可） 選択するプログラム側の修正方法を教えて欲しいのですが。 宜しくお願い致します。
- ベストアンサー
- PHP
お礼
返信ありがとうございました。 できました。どうもです。m(_ _)m