テキストのデフォルト非表示に関して -プルダウンの選択によってテキストの表-

プルダウンのコントロールに関して

プルダウンのコントロールに関して教えて下さい。今、以下のようなソースを記述し、プルダウン選択で"休み"が選択された場合のみ。テキスト入力欄を表示させるような仕組みを作成しました。但し、この場合、Cookie等を使ってデフォルトで前回値を"休み"と選択した場合は他のものを選択し、さらにもう１度"休み"を選択しないと表示されないかと思われます。上記のように前回値で立ち上げた際に、既に"休み"が選択された場合でも、切り替えを行う事なくテキスト入力欄を表示させるような事は可能なのでしょうか？？？わかりにくい内容で申し訳ありません。よろしくお願いします。 <script type="text/javascript"> function ChangeSelection(form, selection) { var text_note = form.elements["text_note"]; if (selection.value=="休み" || selection.value=="出張") { text_note.style.display = "block"; }else{ text_note.style.display = "none"; } } </script> </head> <body> <FORM NAME="fm_a" ACTION="koudou_update2.php" METHOD="POST"> <TD NOWRAP SIZE="30"><input name="text_note" style="width:100%;display:none;" VALUE="$out_goto"></input></TD> <TD><select name="am_note" ONCHANGE="ChangeSelection(this.form, this)" style="width:145px;"> <option value=""></option> <option value="自席" style="background-color:#FFFFFF; color:#3366FF" $sqlline1>自席</option> <option value="離席" style="background-color:#3366FF; color:#FFFFFF" $sqlline2>離席</option> <option value="帰宅" style="background-color:#FFFFFF; color:#3366FF" $sqlline3>帰宅</option> <option value="午前休暇" style="background-color:#3366FF; color:#FFFFFF" $sqlline4>午前休暇</option> <option value="午後休暇" style="background-color:#FFFFFF; color:#3366FF" $sqlline5>午後休暇</option> <option value="休み" style="background-color:#3366FF; color:#FFFFFF" $sqlline5>休み</option> <option value="出張" style="background-color:#3366FF; color:#FFFFFF" $sqlline13>出張</option> </select></TD> </FORM> </body> </html>

テキストエリアの入力に関して

テキストエリアの入力に関して教えて下さい。部分的な抜粋で申し訳ありませんが、以下のようにテキストエリアをダブルクリックで時間を表示させるような"javascript"を記述しましたが、その際に、テキストにカーソルを合わせても、そもそもの入力できなくなってしまいました。エリアは表示されるものの、カーソルを合わせても入力モードに変わらない。。《内容》 print("<TR>\n"); print("<TD NOWRAP><FONT SIZE='2.5'><B>【備　　考】</B></FONT></TD>\n"); print("<TD colspan='2'>\n"); print("<div id='target'>\n"); print("<select onchange='test(1)' onblur='test(1)'> <option value='　' style='background-color:#3366FF; color:#FFFFFF'>　 <option value=' ～０９:３０' style='background-color:#FFFFFF; color:#3366FF'>～０９:３０ <option value=' ～１０:００' style='background-color:#3366FF; color:#FFFFFF'>～１０:００ <option value=' ～１０:３０' style='background-color:#FFFFFF; color:#3366FF'>～１０:３０ <option value=' ～１１:００' style='background-color:#3366FF; color:#FFFFFF'>～１１:００ <option value=' ～１１:３０' style='background-color:#FFFFFF; color:#3366FF'>～１１:３０ <option value=' ～１２:００' style='background-color:#3366FF; color:#FFFFFF'>～１２:００ </select>\n"); print("<input size='20' type='text' name='pm_note' id='pm_note' value='$out_time' ondblClick='test(0)' style='width:100%;'>　\n"); print("</div>\n"); print("</TD>\n"); print("<TD></TD>\n"); print("<TD></TD>\n"); print("</TR>\n");

プルダウンの初期値に関して２

前の質問と同じ内容となってしまいますが、プルダウンの前回値がどうしても取得できません。。。ソースは以下のように記述し、selected属性を用いて初期値に前回値を指定しているような格好をとっています。何か記述が間違っているのでしょうか。。。。 print("<TR>\n"); print("<TD NOWRAP><FONT SIZE='3'><B>【行　　先】</B></FONT></TD>\n"); print("<TD NOWRAP SIZE='30'><input name='text1' VALUE=$out></input>\n"); print("</TD>\n"); print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'> <option value='　'　　　　　　　　　　　　　　　　　　　　　 <?php if('$out_goto'=='　'){ echo' selected=?'selected?''; } ?> 　 <option value='自席' style='background-color:#FFFFFF; color:#3366FF' <?php if('$out_goto'=='自席'){ echo' selected=?'selected?''; } ?> 自席 </select>\n"); print("</TD>\n"); print("</TR>\n"); 教えて下さい。

テキストエリア送信の際の文字化けについて

以下のように設定しました。英語の場合は良いのですが、日本語や中国語の文章を送信すると、着信文が文字化けします。文字化けを防ぐにはどうしたらよいでしょうか。 <FORM action="mailto:XXX@****" method="post" enctype="text/plain" name="Form"><TABLE bgcolor="pink" cellspacing="1" cellpadding="0"> <TR><TD bgcolor="#ffffff" width="151"><TEXTAREA rows="400" cols="50" name="coment" style=" width:200px;height:180px;background-image:url(TX_11_11.JPG);"></TEXTAREA></TD> </TR><TR><TD colspan="2" bgcolor="#ffffff"><INPUT type="submit" value="送信" style="color : black;background-color : #ff00ff;border-with:pink;border-style : solid ;border-color :pink ;border-width : 1px ;"><INPUT type="reset" name="取消" value="取消" style="color : black;background-color : #00ffff;border-with:pink;border-style : solid ;border-color : pink;border-width : 1px;"></TD> </TR></TABLE></form>

プルダウン選択後の手入力優先に関して

教えて下さい。プルダウンを選択し、選ばれたものを別テキストに表示するような事をしたいと考えています。現在、下記のように記述をしており、上記の内容は実現できていますが、その際に、表示される側のエリアに手入力を可とし、入力があった場合は、 javasriptの選択項目を無効（手入力を優先）としたいと考えています。どのような方法があるでしょうか。。。 <SCRIPT LANGUAGE="JavaScript"> function ChangeSelection(form, selection) { v = selection.value; form.text_note.value = v; } </SCRIPT> print("<TD NOWRAP><FONT SIZE='3'><B>【行　　先】</B></FONT></TD>\n"); print("<TD NOWRAP SIZE='30'><input name='text_note' VALUE=$out_goto></input>\n");　//$out_gotoにはphpにてテーブルから読み込まれた情報が初期値として格納されています。 print("</TD>\n"); print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'>\n"); print("<option value='　'></option>\n"); print("<option value='自席' >自席</option>\n"); print("<option value='離席' >離席</option>\n"); print("</select>\n"); print("</TD>\n"); よろしくお願いします。

プルダウンの初期値に関して

教えて下さい。 PHPとJavascript、DBはMySWLを使用してプルダウンにて選択した内容を、別のテキストエリアに表示させるような事をしようとしています。 javascriptで選択されたものを別エリアに表示させ、さらには前回値をテキストエリアに再表示させる事は可能ですが、次に登録しようとした際に、プルダウンを選択していないとせっかく登録した内容がプルダウンの初期値で上書きさせれてしまいます。何か、テキストにデータが存在した場合には、プルダウンの情報で上書きしないか、そもそもプルダウンの内容を覚えておくような事はできないでしょうか。。。現在作成している記述です。 print("<TR>\n"); print("<TD NOWRAP><FONT SIZE='3'><B>【行　　先】</B></FONT></TD>\n"); print("<TD NOWRAP SIZE='30'><input name='text1' VALUE=$out></input>\n"); print("</TD>\n"); print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'> <option value='　'>　　　　　　　　　　　　　　　　　　　　　 <option value='自席' style='background-color:#FFFFFF; color:#3366FF'>自席 </select>\n"); print("</TD>\n"); print("</TR>\n"); よろしくお願いします。

スタイルシートのリンクについて

スタイルシートを下記の様に記述しました。そこでリンクの部分なのですがポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。どなたかお教え下さい。 <style type="text/css">  </style>

登録ボタンを押すとjspファイルが開かれてしまう

環境は IE 8 MySQL 5.5 Java 6 です。 form method="POST"　で取得したデータをDBに登録させたいと思いますが、登録ボタンを押すとなぜかファイルを開く・保存の画面が出てしまいました。どの部分がおかしいのでしょうか？ HTML側 <html> <head> <title>情報登録</title> </head> <body> <h1 style="background:#cccccc">情報登録</h1> <form method="POST" action="p_insert.jsp"> <table border="0"> <tr> <th style="color:#FFffFF;background:#0086b2;text-align:right;">名前</th> <td><input type="text" name="nam" size="35" /></td> </tr> <tr> <th style="color:#FFffFF;background:#0086b2;text-align:right;">URL</th> <td><input type="text" name="url" size="100" /></td> </tr> <tr> <th style="color:#FFffFF;background:#0086b2;text-align:right;">入手日</th> <td><input type="text" name="gdate" size="14" />（YYYY/MM/DD）</td> </tr> <tr> <th style="color:#FFffFF;background:#0086b2;text-align:right;">ランク</th> <td> <select name="grade"> <option value="5">大変良い</option><option value="4">良い</option> <option value="3">普通</option><option value="2">悪い</option> <option value="1">非常に悪い</option> </select> </td> </tr> <tr> <th style="color:#FFffFF;background:#0086b2;text-align:right;">メモ</th> <td><input type="text" name="memo" size="100" /></td> </tr> <tr> <td colspan="2"> <input type="submit" value="登録" /> <input type="reset" value="取消" /> </td> </tr> </table> </body> </html> JSP側 <%@ page contentType="text/html; charset=Shift_JIS" import="java.sql.*,java.io.*" %> <%! public String strEncode(String strVal) throws UnsupportedEncodingException{ if(strVal==null){ return (null); }else{ return (new String(strVal.getBytes("ISO-8859-1"),"JISAutoDetect")); } } %> <% Class.forName("org.gjt.mm.mysql.Driver"); Connection db=DriverManager.getConnection( "jdbc:mysql://localhost:3306/データベース名" + "?user=jsp10&password=jsp10&useUnicode=true&characterEncoding=Shift_JIS"); Statement sttSql=db.createStatement(); sttSql.executeUpdate( "INSERT INTO aaalist(name,url,gdate,grade,memo) VALUES('" + strEncode(request.getParameter("name")) + "','" + request.getParameter("url") + "','" + request.getParameter("gdate") + "'," + request.getParameter("grade") + ",'" + strEncode(request.getParameter("memo")) + "')"); sttSql.close(); db.close(); response.sendRedirect("p_insert.html"); %>

ジャバスクリプトで作った自動計算フォームが

ジャバスクリプトで作った自動計算フォームが動かなくて困り果ております。初心者です。御指南のほど、どうぞ宜しくお願いします。 ■　編集ソース <html> <head> <title>テスト</title> <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <form action="#" name="form1"> <table> <tr> <th>コース名</th> <th>単価</th> <th>数量</th> <th>縁</th> <th>金額</th> </tr> <tr> <td>激安コースA</td> <td align="right">2,900円</td> <td><select name="goods1" onchange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select></td> <td><select name="goods1" onchange="keisan()"> <option value="0">額タイプを選択してください</option> <option value="500">タイプ1（500円）</option> <option value="1000">タイプ2（1,000円）</option> <option value="1500">タイプ3（1,500円）</option> </select></td> <td><input type="text" name="field1" size="8" value="0" /> 円</td> </tr> <tr> <td align="right" colspan="4"><strong>合計</strong></td> <td><input type="text" name="field_total" size="8" value="0"> 円</td> </tr> </table> </form> </body> </html>

JavaScriptでの表の行の表示・非表示の切り替え

現状では、テスト1を選んだときだけテキストを出すことはできるのですが、どうしても2行表示するという事ができません。テスト1を選択した時だけ2行表示し、テスト1以外を選択した時は非表示にするにはどうすればよいのでしょうか。 <html> <head> <title>テスト</title> <script type="text/javascript" language="JavaScript">  </script> </head> <body> <table border="1" width="367"> <tr> <td width="134"> <form> <select onchange="showthis(this)"> <option selected="selected">選んでください</option> <option value="test1">テスト１</option> <option value="test2">テスト２</option> <option value="test3">テスト３</option> </select> </form> </td> <td width="217"> <p>テスト</p> </td> </tr> <tr> <td width="134"> <p> </p> </td> <td width="217"> <p> </p> </td> </tr> </table> <div id="test1" style="display:none;"> （本来はここに2行追加したい） </div> </body> </html>

プルダウン　背景色の変更

お世話になっております。以前こちらで質問させていただき、またつまずいたので質問させてください。何度も申し訳ございません。現在、 <script type="text/javascript">  </script> ------------------------------------------------------------ html部分 <select id="key" name="key" onChange="chBackGround(this)"> <option style="background-color: #FF0000;">サンプル0</option> <option style="background-color: #00FF00;">サンプル1</option> <option style="background-color: #0000FF;">サンプル2</option> <option style="background-color: #FFFFFF;">サンプル3</option> </select> としており、プルダウンで選ばれたカラーのスタイルを<select>タグに埋め込んでおります。上記だと、この画面を初期表示時、<select>部分に読み込まれるプルダウンの色が、必ずbc[0]（サンプル0の色）になります。例えば、サンプル2のoptionにselectedが記載されていた場合、画面の初期表示はbc[2]（サンプル2の色）にしたいのですが、この方法をご教授いただけませんでしょうか。お忙しいところ申し訳ございません。どうぞ宜しくお願いいたします。

プルダウン選択によるボタンの表示／非表示に関して

教えて下さい。下のように、ONCHANGEイベントで、プルダウンにて選択された内容を、別のテキスト（'text'）エリアに表示させる記述をしましたが、今度は選択された内容によって、ボタンの表示／非表示をコントロールしたいと考えています。実際には、下の記述で、'BBB'が選択された場合のみ、***よりしたの"日"ボタンを表示させたいと考えています。どのように記述すれば良いでしょうか。。。教えて頂きたいと思います。 <SCRIPT LANGUAGE="JavaScript"> function ChangeSelection(form, selection,num) { v = selection.value; form.text.value = v; } <FORM NAME="fm_a" print("<TD><input name='text'></input>\n"); print("</TD>\n"); print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'>\n"); print("<option value=''></option>\n"); print("<option value='AAA'>AAA</option>\n"); print("<option value='BBB'>BBB</option>\n"); print("<option value='CCC'>CCC</option>\n"); print("</select>\n"); print("</TD>\n"); ************************************************************** print("<TD>\n"); print("<input name='Cal' type='button' value='日'\n"); print("</TD>\n");

【急】間違い指摘願います

<html> <head> <meta http-equiv="content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="content-style-type" content="text/css"> <style type="text/css">  </style> <title>form1</title></head> <body> <FORM NAME="mailer" METHOD="post" ACTION="" ENCTYPE="text/plain" OnSubmit="(document.mailer.action += contents)"> <TABLE> <TR VALIGN="top"> <TD id="ta">宛先</TD> <TD id="ta"> <SELECT NAME="who" OnChange="WriteMail(this.form)"> <OPTION VALUE="">↓選んで下さい <OPTION VALUE="ankle_k***@yahoo.co.jp">ankle_k***@yahoo.co.jp <OPTION VALUE="s1u9n8a6g0a6w***@gmail.com">s1u9n8a6g0a6w***@gmail.com </SELECT> </TD> </TR> <TR VALIGN="top"> <TD id="tb">名前</TD> <TD id="tb"><INPUT TYPE="text" SIZE=50 NAME="name" OnChange="WriteMail(this.form)"></TD> </TR> <TR VALIGN="top"> <TD id="ta">あなたのメアド</TD> <TD id="ta"><INPUT TYPE="text" SIZE=50 NAME="email" OnChange="WriteMail(this.form)"></TD> </TR> <TR VALIGN="top"> <TD id="tb">題</TD> <TD id="tb"><INPUT TYPE="text" NAME="sbj" OnChange="WriteMail(this.form)"></TD> </TR> <TR VALIGN="top"> <TD id="ta">本文</TD> <TD id="ta"> <TEXTAREA NAME="message" COLS=50 ROWS=5 WRAP="virtual" OnChange="WriteMail(this.form)"> </TEXTAREA> </TD> </TR> <TR> <TD id="tb"></TD> <TD id="tb"> <INPUT TYPE="submit" VALUE="送信"> <INPUT TYPE="reset" VALUE="やめとく"> </TD> </TR> </TABLE> </FORM> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </body></html>

自動計算の追加質問

さきほどいただいた自動計算Scriptありがとうございました。さて英語でのサイトも作っていて、こちらの方は、29.99ドルといった小数点以下の数値を使いたいですが、うまくいきません。いただいたどのスクリプトでも、合計がおかしな数字ででてきてしまうのです。例えば以下のスクリプトで、商品サンプル１を１つ選ぶと合計は36.99であるはずなのに、36.989999999999995と出てしまうのです。どうしたら良いでしょうか？なにとぞよろしくお願い申し上げます。 <style type="text/css"> table {border-collapse: collapse;} table, th, td {border: 1px #808080 solid;} th, td {padding: 3px 10px;} th {background-color: #d3e9fa;} td {background-color: #ffffff;} td strong {color: #ff0000;} </style> <script> function keisan(){ var price1 = document.form1.goods1.selectedIndex * 29.99; document.form1.field1.value = price1; var price2 = document.form1.goods2.selectedIndex * 6; document.form1.field2.value = price2; var price3 = (price1 || price2) ? 7: 0; document.form1.field3.value = price3; var total = price1 + price2 + price3; document.form1.field_total.value = total; } </script> </head> <form action="#" name="form1"> <table> <tr> <th>商品名</th> <th>単価</th> <th>数量</th> <th>金額</th> </tr> <tr> <td>商品サンプル1</td> <td align="right">$29.99</td> <td><select name="goods1" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></td> <td>$<input type="text" name="field1" size="8" value="0"></td> </tr> <tr> <td>商品サンプル2</td> <td align="right">6</td> <td><select name="goods2" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></td> <td>$<input type="text" name="field2" size="8" value="0"></td> </tr> <tr> <td>送料</td> <td align="right">$7</td> <td>　</td> <td>$<input type="text" name="field3" size="8" value="0"></td> </tr> <tr> <td align="right" colspan="3"><strong>合計</strong></td> <td>$<input type="text" name="field_total" size="8" value="0"></td> </tr> </table> </form> さきほど二重ポストをしてしまいましたが、このサイト、以前は質問するとすぐに反映されたのですが、いまはすぐに質問が出てこなかったのです。そんなわけで２回同じ質問を投稿してしまいました・・・。そのせいか一度目の質問は勝手に締め切りにされてしまいました。OneOneさん失礼いたしました。。

一部スクロール表示が含まれる画面を印刷する方法

ホームページ画面の一部に縦スクロールの設定をしております。画面上に印刷ボタンを作成し、プリントアウトしたいと考えておりますが、ファイル→印刷と押すと表示された部分のみしか印刷されません。どなたかご存じでしたらご教示願います。【HTML】 <div style="top : 161px;left : 8px; position : absolute; z-index : 4; width : 847px; height : 252px; " id="Layer5"> <div style="background: white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333;" class="test"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" size=10><b>注文日</b></th> <th height="42" width="212">品物・オプション<br>注文先・単価</th> <th height="42" size=10>金額/個数</th> <th height="42" size=20><b>発注者/入力者</b></th> </tr> <% for(var i in content) { %> <tr bgcolor="lightyellow" > <% var obj = content[i]; %> <td align="center" height="47" size="10"> <input type="text" name=注文日 size="10" style="background:white; color:#000000;" align="middle" value="注文日" disabled="disabled"> </td> <td align="center" height="47" width="10" style="white-space:nowrap;" > <input type="text" name=品物 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物 %>" disabled="disabled"> <input type="text" name=option size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物2 %>" disabled="disabled"> <input type="text" name=option2 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物3 %>" disabled="disabled"> <input type="text" name=option3 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"><br> <input type="text" name=tyumonsaki size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination %>" disabled="disabled"> <input type="text" name=単価 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価 %>" disabled="disabled"> <input type="text" name=tyumonsaki2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination2 %>" disabled="disabled"> <input type="text" name=単価2 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価2 %>" disabled="disabled"> <input type="text" name=tyumonsaki3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination3 %>" disabled="disabled"> <input type="text" name=単価3 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価3 %>" disabled="disabled"> </td> <td align="center" height="47" size=10> <input type="text" name=合計金額 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計金額 %>" disabled="disabled"> <input type="text" name=合計数 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計数 %>" disabled="disabled"> </td> <td align="center" height="47" size=20> <input type="text" disabled="disabled" name=発注者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.発注者 %>"> <input type="text" disabled="disabled" name=入力者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.入力者 %>"> </td> </tr> <% } %> </table> </div> </div> 【CSS】 .test { height: 250px; overflow-y: scroll; }

テキストボックスの背景色について

<html> <body> <form name="form1"> <input type="text" value="よろしく" name="text1"> <script language="javascript"> document.form1.text1.style.background-color = "green"; </script> </form> </body> </html> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

javascriptで可能ですか？

javascript初心者です。以下の様なものは実装可能でしょうか？セレクトメニューで選択→inputボタンクリック→3つのレイヤーを1枚ずつチェンジ。みないな感じです。「表示切り替え」ボタンをいれたいのですが、そこがよくわかりません。。。お分かりになる方がいらしたら教えていただけると助かります！一応htmlはこんな感じで・・・ <html> <body> <form action="" method="get"> <select name="test"> <option value="1">AAAAAAAA</option> <option value="2">BBBBBBBBB</option> <option value="3">CCCCCCCC</option> </select><br> <input name="" type="button" value="表示切り替え"> </form> <div id="a" style="background-color:#FF0000">AAAAAAAAAAAAA</div> <div id="b" style="background-color:#0000FF">BBBBBBBBBBBBB</div> <div id="c" style="background-color:#00FF00">CCCCCCCCCCCCCC</div> </body> </html>

プルダウンリストの背景色の指定

お世話になります。現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。 <select> <option style="background-color: #FF0000;">サンプル1</option> <option style="background-color: #00FF00;">サンプル2</option> <option style="background-color: #0000FF;">サンプル3</option> <option style="background-color: #FFFFFF;">サンプル4</option> </select> このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。 IEとおなじ動きになるようにするには、どうしたらよいでしょうか。ちなみに、 <select style="background-color: #FF0000"> にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。簡単に解決できる方法などございますでしょうか。もしくは、javascriptで解決できますでしょうか。どうぞ宜しくお願いいたします。

自動計算java scriptについてご質問

http://www.tagindex.com/javascript/form/comp1b.html に自動計算フォームがあります。ソースは以下です。やりたいのは、商品サンプル３の行の変更です。この行だけ、商品名と単価の欄はそのままで、数量欄のプルダウンメニューをなくして空欄にして、金額欄に常に　500 が表示され、合計に加算されるようにしたいのです。（商品サンプル３を送料に変更したいのです。送料は注文数によって変更されず、常に500円という設定です）色々やってみたのですが、どうやってもできません。・・どなたかアドバイスお願いいたします！ <style type="text/css">  </style> <script type="text/javascript">  </script> </head> <body> <form action="#" name="form1"> <table> <tr> <th>商品名</th> <th>単価</th> <th>数量</th> <th>金額</th> </tr> <tr> <td>商品サンプル1</td> <td align="right">500円</td> <td><select name="goods1" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></td> <td><input type="text" name="field1" size="8" value="0"> 円</td> </tr> <tr> <td>商品サンプル2</td> <td align="right">1,000円</td> <td><select name="goods2" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></td> <td><input type="text" name="field2" size="8" value="0"> 円</td> </tr> <tr> <td>商品サンプル3</td> <td align="right">3,000円</td> <td><select name="goods3" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></td> <td><input type="text" name="field3" size="8" value="0"> 円</td> </tr> <tr> <td align="right" colspan="3"><strong>合計</strong></td> <td><input type="text" name="field_total" size="8" value="0"> 円</td> </tr> </table> </form>

htmlでインプットボックスを横並びに表示したい。

ホームページを作成しておりますが、tdの中にinput type="text"にてテキストボックスを4つ作成したいと考えております。こちらで拝見いたしましたチェックボックスの右側に文字を表示される方法をご参考にさせていただき、下記を作成しましたが、縦並びになってしまいます。何とかして縦2×横2に置き換えることはできないでしょうか？ブラウザはIE11を使用しており、コードはVisualStudioCodeを使用しております。 <div style="top : 161px;left : 8px; position : absolute; z-index : 4; width : 847px; height : 252px; " id="Layer5"> <div style="background: white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" width="92"><b>列1</b></th> <th height="42" width="212">列2・列3<br>列4・列5</th> <th height="42" width="137">列7/列8</th> <th height="42" width="189"><b>列9/列10</b></th> </tr> <tr bgcolor="lightyellow"> <td align="center" height="47" width="92"> <input type="text" name=列1 style="background:white; color:#000000;" align="middle" value="83行目"> </td> <td align="center" height="47" width="312"> <input type="text" name=列2 style="background:white; color:#000000;" align="middle" value="86行目"> <input type="text" name=列3 style="background:white; color:#000000;" align="middle" value="87行目"> <input type="text" name=列4 style="background:white; color:#000000;" align="middle" value="88行目"> <input type="text" name=列5 style="background:white; color:#000000;" align="middle" value="89行目"> </td> <td align="center" height="47" width="137"><input type="text" name=列7 style="background:white; color:#000000;" align="middle" value="92行目"> <span> <input type="text" name=列8 style="background:white; color:#000000;" align="middle" value="93行目"> </span> </td> </div> <td align="center" height="47" width="189"><input type="text" name=列9 style="background:white; color:#000000;" align="middle" value="96行目"> <input type="text" name=列0 style="background:white; color:#000000;" align="middle" value="97行目"> </td> </tr> <tr> <td align="center" height="47" width="92"></td> <td align="center" height="47" width="212"></td> <td align="center" height="47" width="137"></td> <td align="center" height="47" width="189"></td> </tr> </table> </div> </div> 【上記で表示させた場合】ーーーーー｜　　86行目　　｜ーーーーー｜ーーーーー｜　　87行目　　｜ーーーーー｜　　96行目　 83行目　　｜　　88行目　　｜　　92行目｜　　97行目ーーーーー｜　　89行目　　｜ーーーーー｜【やりたいこと】ーーーーー｜ーーーーーーーーーー｜ーーーーー｜ーーーーー｜　　86行目｜87行目　｜ーーーーー｜　　96行目　 83行目　　｜　　88行目｜89行目　｜　92行目　｜　　97行目ーーーーー｜ーーーーーーーーーー｜ーーーーー｜

テキストのデフォルト非表示に関して

テキストのデフォルト非表示に関して

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

お礼 2010/08/11 17:38

その他の回答 (1)

お礼 2010/08/11 17:37

関連するQ&A

プルダウンのコントロールに関して

テキストエリアの入力に関して

プルダウンの初期値に関して２

テキストエリア送信の際の文字化けについて

プルダウン選択後の手入力優先に関して

プルダウンの初期値に関して

スタイルシートのリンクについて

登録ボタンを押すとjspファイルが開かれてしまう

ジャバスクリプトで作った自動計算フォームが

JavaScriptでの表の行の表示・非表示の切り替え

プルダウン　背景色の変更

プルダウン選択によるボタンの表示／非表示に関して

【急】間違い指摘願います

自動計算の追加質問

一部スクロール表示が含まれる画面を印刷する方法

テキストボックスの背景色について

javascriptで可能ですか？

プルダウンリストの背景色の指定

自動計算java scriptについてご質問

htmlでインプットボックスを横並びに表示したい。

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

テキストのデフォルト非表示に関して

テキストのデフォルト非表示に関して

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

お礼 2010/08/11 17:38

その他の回答 (1)

お礼 2010/08/11 17:37

関連するQ&A

プルダウンのコントロールに関して

テキストエリアの入力に関して

プルダウンの初期値に関して２

テキストエリア送信の際の文字化けについて

プルダウン選択後の手入力優先に関して

プルダウンの初期値に関して

スタイルシートのリンクについて

登録ボタンを押すとjspファイルが開かれてしまう

ジャバスクリプトで作った自動計算フォームが

JavaScriptでの表の行の表示・非表示の切り替え

プルダウン 背景色の変更

プルダウン選択によるボタンの表示／非表示に関して

【急】間違い指摘願います

自動計算の追加質問

一部スクロール表示が含まれる画面を印刷する方法

テキストボックスの背景色について

javascriptで可能ですか？

プルダウンリストの背景色の指定

自動計算java scriptについてご質問

htmlでインプットボックスを横並びに表示したい。

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

プルダウン　背景色の変更

カテゴリ
一覧

専門家に質問してみよう
専門家登録