ベストアンサー

htmlのテキストボックスに書かれた文字によって

2013/07/14 09:47

htmlのテキストボックスに書かれた文字によって表示する文字を変えたいのですが、コードがいまいちどうやって書いていいかわからないのでコードを教えて下さい。よろしくお願いします。一応できなかったコード↓ <Form name="js"> <input type="text" name="txtb"> </Form> <script> <br> if(document.js.txtb.value="a"){document.write("a")} </script>

riifu
お礼率75% (9/12)

その他（インターネット・Webサービス）
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

noname#212892

2013/08/10 09:39 回答No.1

http://www.pori2.net/js/form/1.html　を参考にするとどうでしょう

質問者

お礼 2013/08/10 10:53

ありがとうございます！　参考になりました

関連するQ&A

cgiへのパラメータについて

htmlのformで入力した名前をcgiで受け取ると"encstr"となります。エンコードした文字列を受け取るにはどのようにすれば良いか教えてください。 <form name="js"> お名前：<input type="text" name="txtb" value=""><br> <input type="button" value="送信" onclick="gogo()"><br> </form> <script type="text/javascript" language="javascript">  </script>
テキストボックスに文字飾り表示（２の３乗）が出来ない。

テキストボックスに文字飾り表示（２の３乗）が出来ない。　JavaScriptを使用しテキストボックスに上付き、下付き文字を表示したいのですが上手く表示しません。HTMLのコードが出てしまいます。下記簡単なコードを添付しますので、何方か正しい表示方法を教えてください。参考までにコード中(1)は正しく表示できず（テキストボックス中）、(2)は正しく表示します。（非テキストボックス） <HTML> <HEAD> <SCRIPT language="JavaScript"> function disp(){ var c=new Array("2"+"3".sup(),"1","2"); document.tm.a1.value=c[0]; // (1) document.write(c[0]); // (2) } </SCRIPT> </HEAD> <body> <FORM name="tm"> <INPUT type="button" value="" onClick="disp()"> <INPUT name="a1" type="text" size="20" width="10"> </FORM> </body> </HTML>
HTMLでテキスト入力し表示させる

HTMLでテキストボックスに文字を入力し、表示させたいのですがうまくできません。見た目はできているようなのですが、文字が表示されない状態です。コードを記載しますので、お手数をお掛けしますがご教授頂けますでしょうか。 <html> <head> <script> function add(){ document.getElementById("target").innerText = document.getElementById("name").value; target = document.getElementById("output"); document.write(target); } </script> </head> <body> <p>名前を入力してください</p> <input id="name" name="name" type="text" size="30" onkeydown="update_field();"> <br> <input type="button" onclick="add()" value="実行"> <form action="index.html" method="post"> <br> <input type="submit" name="exit" value="戻る"> </form> </body> </html>
テキストボックスの背景色について

<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計算式で結果を表示したいのですができません。テキストBOXには結果を入れれるのですが、テキストBOXでなく文字として結果を出したいのですがでません。以下ソースです。　19行目が表示希望箇所です。 <SCRIPT language="javascript">  </SCRIPT> <FORM name="f"> 縦<INPUT type="text" name="goods1" size="3" onChange="calc();">m * 横<INPUT type="text" name="goods2" size="3" onChange="calc();">m * 厚み<INPUT type="text" name="goods3" size="3" onChange="calc();">cm<BR> 　　　　　　60L　<INPUT type="text" name="syoukei" size="5">袋<BR> <SCRIPT language="javascript">  </SCRIPT> </FORM>
クリック→テキストボックスに追加

下記は、クリックすると、テキストボックスの文字が入れ代わります。こうでなく、「どれどれそれからどうした」と追加していくようにするにはどうしたらよいでしょうか？ <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どれどれ'">どれどれ</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='それから'">それから</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.bun.value='どうした'">どうした</A><BR> <FORM name="myform"> <INPUT TYPE="TEXT" NAME="bun" SIZE="50"> </form>
メールフォームの中身が文字化けする

携帯でホームページのＵＲＬを打つのはとても面倒なのでＰＣから任意の携帯へ特定ホームページのＵＲＬを送るスクリプトを組みました。でもメールタイトルやメール本文の日本語が文字化けしてしまうのでローマ字でやっています。何かいい方法はありませんか？ <html> <head> <title>mail</title> <script language="JavaScript"> var atesaki; </script> </head> <body> <form name="form1"> ここに携帯のアドレスを入れてから送信画面へ進んでください。<br> <input type="text" size="50" maxlength="256" name="MAIL"> <br><br> <input type="button" value="送信画面へ進む" onClick="dainyuu()" > </form> <script language="JavaScript">  </script> </body> </html>
JavaScript テキストボックスキーイベント

JavaScript テキストボックスキーイベントこんにちは。趣味でプログラミングをしている者です。タイマーを使って計算ドリルを作ったのですが、特定のキーコードで正解かどうか判定する関数を呼び出そうとしたのですが、テキストボックスにこたえを入力して、キーを押すたびに「キーン」というような音が鳴るのですが、その音は、どのような仕組みで鳴るのでしょうか？また、音を鳴らさないようにする方法がありましたら、教えていただけないでしょうかよろしくお願いします <html> <head> <script type="text/javascript"> function init() { document.attachEvent("onkeypress", KotaeAwase); } function KotaeAwase() { if( event.keyCode == 13) { var key = 1; var kotae = parseInt( document.Form1.kotae.value ); var Result = document.Form1.result; if( kotae == key ) Result.value = "せいかいです!"; else Result.value = "ちがいます"; } } </script> </head> <body onLoad="init();"> <form name="Form1"> <input type="text" name="kotae" size="20"> <br><br> <input type="text" name="result" size="20"> <br> </form> </body> </html>
Netscapeだと文字化け！

まずは下記のHTMLをご覧下さい。 <html> <head> <title>tes</title> </head> <SCRIPT LANGUAGE=JAVAScript>  </SCRIPT> <body> <form name="fr_test"> テキスト１　<input type="text" name="left" size="10" maxlength="10"><BR> テキスト２　<input type="text" name="right" size="10" maxlength="10"><BR><BR> <input type="button" name="btn_tes" value="コピー開始" onclick="cp_text()"><BR> <input type="button" name="btn_bin" value="ﾃｷｽﾄ2をHEX変換" onclick="cp_text1()"> <input type="button" name="btn_bin" value="ﾃｷｽﾄ2をDEC変換" onclick="cp_text2()"> </form> </body> </html> ------------------------------------------------ 以上のように記述されたHTMLがあります。これをNetscapeで起動させるとﾃｷｽﾄﾎﾞｯｸｽが２つ表示されます。ここで「テキスト１」の方に(1)、(2)みたいなコード(ローマ字でしょうか？）これを入力させて下にある「コピー開始」ボタンを押すとテキスト２の方へ値がコピーされてしまうのですが、ローマ字文字が文字化けしてしまいます。これをＩＥで起動すると文字化けはおきないのですが。これをNetscape上で文字化けを起こさずにコピーすることはできないのでしょうか？
ボタンを押したらテキストボックスの文字色をチェンジ

ボタンをクリックしたらテキストボックスに入っている文字色を黒から赤に変えたいんですがどのようにしたらいいでしょうか？一応、自分なりに作ってみたものです。エラーがでます。保存ファイルの拡張子は「ｈｔｍｌ」です。 ------------------------------------------------------- <html> <head> <script language="javascript"> function change(){ document.form1.text1.fgcolor="red"; } </script> </head> <body> <input type="text" value="文字色" name="text1"> <input type="button" value="押す" onClick="change()"> </body> </html> ----------------------------------------------------------
javascriptのtextbox

こんばんは。 <html> <body> <center> <br><br> <form name="fuji"> TEXT BOX<br> <input type="text" name="tex"> </form> <SCRIPT type="text/javascript"> var i; i="ABC" document.write("<input type='button' value='↑を変数iに代入' onClick='i=(document.fuji.tex);'>"); document.write("<br><input type='button' value='表示' onClick='document.write(i);'>"); </SCRIPT> </center> </body> </html> でテキストボックスの中身を表示させたいのですが、上手くいきません。どうすればいいのでしょうか。また、変数を使わずに直接テキストボックスの中身を表示させる事はできるのでしょうか。教えてください。
『`』がテキストタイプのvalueにある場合にhiddenを追加すると表示が崩れる

言葉では説明できないためコードを記載致しました。下記のコードでボタンを押下した場合に表示が崩れるのは何故でしょうか？（IE6,IE7で確認）又、対策としてはどのような事が考えられるでしょうか？（『`』を入力禁止以外でお願い致します。）尚、innerHTMLをalertで出すとうまく追加されていないようです。。。よろしくお願い致します。 <html> <head> <script> function createhidden( name, value, formname ){ str = '<input type="hidden" name="aaa" value="bbb"/>'; document.forms[0].innerHTML += str; } </script> </head> <body> <form action="" name="form1"> <input type="text" name="b"value="`"/><br><br> <input type="button" value="CREATE HIDDEN" onclick="createhidden()"/> <input type="text" name="a"value="`"/><br><br> </form> </body> </html>
テキストボックス追加

最初5つのテキストボックスを表示して追加ボタンを押して、6個目から15個目を追加しようとしています。name="tb1"　からname="tb15"までを設定したいです。15個になった際にボタンを押せなくしたいです。入力された情報をPHP側で処理しようとしています。以下のソースを改良しようとしているのですが、うまくいきません。どのようにしたらいいでしょうか？ <script language="JavaScript">  </script> </head> <body> <form id="f1"> <div id="AddArea"> <input type="text" name="Txt_Object"> </div> <input type="button" value="追加" onClick="add()"> </form> </body> </html>
セレクトボックスの内容に応じウインドウを書き換え、さらにセレクトボックスを設置したい

web上のjavascript入門ページなどを参照しながら学習中ですが詰まってしまいました。よろしくお願いします。 1.　topページにセレクトボックスを設置。 2.　セレクトされた内容に応じて、現在のウインドウを書き換えた後topページと同じセレクトボックスを設置。 3.　2を繰り返す。このような動作をさせたいのですが、現在のウインドウを書き換えることは出来るのですがセレクトボックスを設置しようとするとエラーになります。 script_test01.htmlの内容 -------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> </head> <body> <script type='text/javascript' src='script_test01.js'> </script> <br> <form name='form_0'> <select onchange='rewrite()' name='sel_0'> <option>A or B</option> <option>A</option> <option>B</option> </select> </body> </html> -------------------------------------------------- script_test01.jsの内容 -------------------------------------------------- function rewrite() { var sel_in =document.form_0.sel_0.options.selectedIndex; var sel_name = document.form_0.sel_0.options[sel_in].text; document.write('<html>\n'); document.write('<head>\n'); document.write('<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">\n'); document.write("<script type='text/javascript' src='script_test01.js'>\n"); document.write("</script>\n"); document.write('</head>\n'); document.write('<body>\n'); document.write(sel_in,' : ',sel_name,'<br>\n'); /* ↓この部分がうまくいかない document.write('<br>\n'); document.write('<form name='form_0'>\n'); document.write('<select onchange='rewrite()' name='sel_0'>\n'); document.write('<option>A or B</option>\n'); document.write('<option>A</option>\n'); document.write('<option>B</option>\n'); document.write('</select>\n'); /* ↑この部分がうまくいかない document.write('</body>\n'); document.write('</html>\n'); } -------------------------------------------------- script_test01.jsのコメントアウトをはずすとエラーになります。 script_test01.js内でさらに自分自身を記述している部分辺りなど、なにかおかしなことをやっていのではという自覚はありますが、よくわかりません。あわせて質問ですが、.htmlと.jsはEUCで作成しcharsetもEUC-JPを指定しています。 topページをブラウザのエンコードで確認すると当然「日本語[EUC]」となっていますが、セレクトボックス選択後書き換えられたページを確認すると、「Unicode」なっていますがなぜでしょうか？「日本語[EUC]」に出来ないでしょうか？
テキストボックスを無効にすると値が取得できない

javascriptでこのようにテキストボックスを無効にしてフォームを送信するとphp側でvalueの値が取得できないのですが、入力無効にすると valueは送られないんでしょうか？ <form> <input type="text" id="sample" name="sample" value="値" /> </form> スクリプト .document.getElementById('sample').disabled = true; valueにはphpで値をセットし、それをテキストボックスで編集できないようにして値を飛ばそうとしたのですがテキストボックスのvalueの値が来てないようです。自分なりに考えたんですが、送信する瞬間だけ（submitボタンが押された時）テキストボックスを有効に戻すようにコードを書いているのですがこれ以外で何かありますか？ ---このように対処--- <form onsubmit="return disb()"> <input type="text" name="sample" value="値" /> </form> スクリプト document.getElementById('sample').disabled = true; function disb(f){ f.sample.disabled = false; }
シャドウボックスとjQueryを共存させるには

シャドウボックス3.0.3を利用しています。チェックボックスを複数選択するjQueryをシャドウボックス内で利用したいのですが、シャドウボックスとjQueryがコンフリクトしてしまうようで、実現できません。共存させるにはどのように記述を変えれば良いでしょうか？ <head> <script type="text/javascript" src="../common/js/jquery-1.3.1.min.js"></script>  <script type="text/javascript" src="../common/js/shadowbox/shadowbox.js"></script> <link rel="stylesheet" type="text/css" href="../common/js/shadowbox/shadowbox.css"> <script type="text/javascript"> $(document).ready(function(){ Shadowbox.init(); }); </script>  <script type="text/javascript"> $(function(){ $("#toggle").click(function(){ $('.chkbox').attr('checked', $(this).attr('checked')); }); }); </script> </head> <body> <a href="#inline" title="シャドウボックス" rel="shadowbox;width=900;height=1200">シャドウボックス</a> <div id="inline" style="display:none"> <input type="checkbox" id="toggle"> toggle<br> <br> <input class="chkbox" type="checkbox" name="ids[]" value="1"> 1<br> <input class="chkbox" type="checkbox" name="ids[]" value="2"> 2<br> <input class="chkbox" type="checkbox" name="ids[]" value="3"> 3<br> </div> </body>
textbox間の結合時、空白の時は、スペースを省きたい

<script type="text/javascript">  </script> <form name="f"> キーワードを入力：<br> <input type="text" size="55" name="t1"><br> <input type="text" size="55" name="t2"><br> <input type="text" size="55" name="t3"><br> <input type="text" size="55" name="t4"><br> <input type="text" size="55" name="t5"><br> <input type="button" name="connect" value="結合" onClick="ketugou()"><br> 結合時の内容を表示：<br> <input type="txt" name="q" size="55" maxlength="255" ><br> </form> で、空白のテキストボックスの場合は、スペース（" "）なしで、結合させたいんですが、どうしたら、良いのでしょうか？
textbox内の文字数を判別しfocusを移動させる

textbox内の文字数を判別しfocusを移動させるプログラムを書いたのですが、２つ目のtextboxから記入したりするとうまく動作しません。どうしたらいいのでしょうか？カーソルがどのtextboxにあるか(どのtextboxにfocusしているか)を参照しようとしたのですがそのような関数はあるのでしょうか？教えてください。 <html> <head><title>checkLength</title> <script language="JavaScript">  </script> </head> <body bgcolor="#ffffff"> <form name="form1">半角英数で入力してください。<br> 1...<input type="text" name="text1" size="7"> 3文字入力するとカーソル移動<br> 2...<input type="text" name="text2" size="7"> 5文字入力するとカーソル移動<br> 3...<input type="text" name="text3" size="7"> </form> </body> </html>
セレクトボックスで選択した内容をテキストボックスへ

こんにちは、初めて質問させて頂きます。現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか？ <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR> <A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='塩ビ '">塩ビ</A><BR> <FORM name="myform"> <INPUT TYPE="TEXT" NAME="comment" SIZE="50"> </form> お手数ですが、もし宜しければお知恵をお貸し下さい。
出力した文字が消えてしまう(初心者)

JavaScriptを勉強し始めて、基本的なコードだと思いますが、行き詰っています。すみませんが、教えて下さい。期待：数値を計算してテキストボックスに残す問題：一瞬テキストボックスに出るが、すぐに消えてしまう環境：IE8,Firefox [ コード ] <HEAD> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM name="frmMain"> <INPUT type="text" name="price" size="7">円<BR> <BUTTON onClick="keisan()">計算</BUTTON><BR> <BR> 合計：<INPUT type="text" name="total">円<BR> </FORM> </BODY> ボタンをクリックすると、アドレスにテキストボックスで入力したデータが入りページが切り替わってしまいテキストボックスが空になってしまいます。アドレスには～/Sample1_1.html?price=32&total=732 のようになります。よろしくお願いします。

htmlのテキストボックスに書かれた文字によって

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

お礼 2013/08/10 10:53

関連するQ&A

cgiへのパラメータについて

テキストボックスに文字飾り表示（２の３乗）が出来ない。

HTMLでテキスト入力し表示させる

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

計算結果のテキスト表示

クリック→テキストボックスに追加

メールフォームの中身が文字化けする

JavaScript テキストボックスキーイベント

Netscapeだと文字化け！

ボタンを押したらテキストボックスの文字色をチェンジ

javascriptのtextbox

『`』がテキストタイプのvalueにある場合にhiddenを追加すると表示が崩れる

テキストボックス追加

セレクトボックスの内容に応じウインドウを書き換え、さらにセレクトボックスを設置したい

テキストボックスを無効にすると値が取得できない

シャドウボックスとjQueryを共存させるには

textbox間の結合時、空白の時は、スペースを省きたい

textbox内の文字数を判別しfocusを移動させる

セレクトボックスで選択した内容をテキストボックスへ

出力した文字が消えてしまう(初心者)

注目のQ&A

カテゴリ
一覧

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

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

htmlのテキストボックスに書かれた文字によって

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

お礼 2013/08/10 10:53

関連するQ&A

cgiへのパラメータについて

テキストボックスに文字飾り表示（２の３乗）が出来ない。

HTMLでテキスト入力し表示させる

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

計算結果のテキスト表示

クリック→テキストボックスに追加

メールフォームの中身が文字化けする

JavaScript テキストボックス キーイベント

Netscapeだと文字化け！

ボタンを押したらテキストボックスの文字色をチェンジ

javascriptのtextbox

『`』がテキストタイプのvalueにある場合にhiddenを追加すると表示が崩れる

テキストボックス 追加

セレクトボックスの内容に応じウインドウを書き換え、さらにセレクトボックスを設置したい

テキストボックスを無効にすると値が取得できない

シャドウボックスとjQueryを共存させるには

textbox間の結合時、空白の時は、スペースを省きたい

textbox内の文字数を判別しfocusを移動させる

セレクトボックスで選択した内容をテキストボックスへ

出力した文字が消えてしまう(初心者)

注目のQ&A

カテゴリ 一覧

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

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

JavaScript テキストボックスキーイベント

テキストボックス追加

カテゴリ
一覧

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