- ベストアンサー
リストボックス(multipleなselect)の選択された部分のスタイルをCSSで変えたい
font_colorの回答
- font_color
- ベストアンサー率45% (24/53)
CSSのみでは、ちょっと無理かもしれません。 Ajaxを使用すれば出来るみたいです。 http://jquerylab.com/jcombox/themes
関連するQ&A
- strutsのリストボックスで、複数選択する方法
strutsのリストボックス <html:select multiple="true"> のセレクトボックスで、デフォルト選択を指定するには valueを使用しますが、 複数をデフォルト選択させたい場合、どのようにすればいいんでしょうか? よろしくお願いします。 開発環境: java 1.4.2_09 struts 1.2.7 tomcat 4.1.31
- ベストアンサー
- Java
- jquery での <select multiple="true" > について
jquery (ver1.2.6) で、<select multiple="true"> 内の option を、 全て selected 状態にする方法がわかりません。 単純な <select> タグであれば、 $("select").val("hogehoge"); のように、value にセットすれば選択状態になるみたいなのですが、 multiple の場合はどのように行うのでしょうか。 試しに記述してみたソースは以下のようなものなのですが、 動作いたしません、、 $('#selecttest').each(function() { $(this).attr('selected', 'selected'); }); もしよろしければ、コードまたは参考URLを教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- 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
- リストボックスの選択解除
VBAでフォーム上にリストボックスを置いています。 最初にフォームを表示した時は 何もリストボックスが選択されておらず 値を追加した後に、何かクリックすると 選択した項目が青?色に変わります。 その青色を解除したいのですが(要は選択状態を解除したい) どうやってすればいいのでしょうか? selected(X) = falseとしましたが何も起こりませんでした。 宜しくお願い致します。
- ベストアンサー
- Visual Basic
- jQueryでセレクトボックスの制御
自身のウェブサイト上のhtmlファイル内に複数選択型のセレクトボックスを、<select multiple="multiple">以下に<option value="XXX">を通し番号をつけて並列することで実装したとします。 jQueryにて例えば var a= [001, 003, 042]; といったように配列aを定義したときこの配列の中の要素(3桁の数字)に対応するようなvalueをもつoption(選択肢)をselectedに書き換えたいのですが初学者のためどうもさっぱりうまく行きません。 1.配列aをoptionタグのvalueの値であるとjQuery側に認識させる方法 2.jQueryによって配列に対応するvalueを持つoptionをselectedに書き換える方法 以上の2点について教えていただきたく思います。(説明が下手で申し訳ないです。) 配列を使わなくてももっと簡単な方法があるのかもしれませんが、諸事情によりなんとか配列を用いて実装できたらと思います。よろしくお願いします。
- 締切済み
- JavaScript
- <select size='7' multiple>の選択された箇所の色を変えたい
<select size='7' multiple>の選択された箇所の色を変えたいのですが、 良い方法は無いでしょうか? スタイルシート等で該当の設定が無いか調べましたが見つかりませんでした。 通常、IEだとブルーの色になりますが、デザインを自由に変えられる コンテンツのため、ユーザーがselectの背景色を同じような色に設定 する場合があり、現状どれが選択されているのか、非常に見づらくな るという問題が発生しています。 アドバイス等いただけませんでしょうか? よろしくお願いします。
- ベストアンサー
- HTML
- リストボックスから選択できないのはどうして!?
実はJAVASCRIPTでリストボックス(select1)から会社名を選択するとその下のテキストボックス(link)に そのURLがでるものを作っていたのですが、なぜかリストボックスが選択できない状態になってしまいます。 下のがそのコードなのですが、どなたかわかるかたいらっしゃいませんか? どうぞよろしくお願いいたします。 <SCRIPT type="text/javascript"> <!-- function aaa() { var a; if((f.select1.value) ="A社") {url = "http://www.a***.co.jp" }; else if((f.select1.value) ="B社") {url =" http://www.b***.co.jp" }; else if((f.select1.value) ="C社") {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
- 2つのセレクトボックスで選ばれた結果をショッピングカートに渡したい
同一ページ内に次の様な2つのセレクトボックスが有ります。 それぞれ選択された内容を足してショッピングカートに送りたいのですがどうしたら良いのでしょうか? セレクトボックス1 <option value="aaa">aaa</option> <option value="bbb">bbb</option> <option value="ccc" selected="selected">ccc</option> セレクトボックス2 <option value="100">100</option> <option value="200">200</option> <option value="300" selected="selected">300</option> ●セレクトボックス1→aaaを選択 セレクトボックス2→100を選択 ショッピングカートには「aaa100」で渡す ●セレクトボックス1→cccを選択 セレクトボックス2→200を選択 ショッピングカートには「ccc200」で渡す 全くの初心者ですがよろしくお願いします。
- 締切済み
- JavaScript
- セレクトボックスのデータをリストボックスへ書き出す
javascript初心者です。よろしくお願いします。 まず年月日を3つのセレクトボックスで作成する。 追加ボタンを押すと、選択した年月日のデータをリストボックスに書き出すことができる。 ※ここでリストボックスのサイズは3に指定しておき、項目が3以上の場合はスクロールさせる。 さらに削除ボタンを作成し、リストからデータを削除できるようにする。 以上のような仕組みを作りたいのですが... どうかよろしくお願いいたします。
- ベストアンサー
- JavaScript
- セレクトボックスの選択項目を変える
セレクトボックスの選択項目を変えるには どうすればいいですか? <FORM action=./ method=post> <SELECT name=server> <OPTION value=2 selected>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> </SELECT> </FORM> こういうフォーム(FORMやOPTIONにnameがない)で [4]を選択したいです このフォームを書き換えないで(スクリプトでの書き換えなら○) どうにか変えることはできないでしょうか? IEのみの対応でいいので、お願いします
- ベストアンサー
- JavaScript
お礼
回答ありがとうございます。 Ajaxというかjqueryのプラグインでそういうのがあるようですね。 スタイルを変えるためだけに大げさな気もしますが、他に方法が無ければこれで行こうかと思います。