• ベストアンサー

Javascriptで文字の足し算?

1というテキストボックスにblueという文字が入っていたとします。 その文字を引っ張って、2というテキストボックスに <font color=blue> と入れたいのです。 javascriptで document.フォーム名.テキストボックス2.value = '<FONT COLOR=>'; とすれば、「<FONT COLOR=>」とテキストボックス2に入りました。 document.フォーム名.テキストボックス2.value = '<FONT COLOR=' + document.フォーム名.テキストボックス1.value + '>'; とすると、 「<FONT COLOR=[object]>」となってしまいます。 どのようにしたらきちんと入るでしょうか?

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

  • ベストアンサー
  • a-kuma
  • ベストアンサー率50% (1122/2211)
回答No.1

テキストボックス1の方の .value を入れ忘れちゃあいませんか?

KODAMAR
質問者

お礼

回答ありがとうございます。 はい、確かにvalueを忘れていました。 ご指摘ありがとうございました。

その他の回答 (1)

noname#4252
noname#4252
回答No.2

<script Language="JavaScript"><!-- function func() { document.form1.text2.value='<FONT COLOR=' + document.form1.text1.value + '>'; } // --></script> <form name="form1"> 1:<input type="text" name="text1" value="blue"><br> 2:<input type="text" name="text2"><br> <br> <input type="button" onClick="func()" value="button"><br> </form> そのまま書いたらきちんと入りました。 どこかに間違いがあるのでしょう。 例えば、 document.form1.text2.value='<FONT COLOR=' + document.form1.text1 + '>'; とするとIEでは[object]が入ります。

KODAMAR
質問者

お礼

回答ありがとうございます。 valueを忘れていました。 ご指摘ありがとうございました。

関連するQ&A

  • javascriptで、表示されている文字を変更する。

    javascriptで、表示されている文字を変更する。 初歩的な質問になると思いますが、ご教授ください。 javascriptで、例えば、 フォーム内の特定のテキストボックスに、ある値を代入する場合は、 frm1.text1.valur="あああ"; // フォームの名前.テキストボックスの名前.value また、特定の文字<font id="moji1">あああ</font>を表示/非表示する場合は、 document.getElementById('moji1').style.visibility='visible'; // 又は、'hidden' と言った感じで、javascriptで、 特定の文字を変更したいのですが、行き詰っております。 例えば、 <font>あああ</font> を <font>いいい</font> に変更。 どなたかご存知の方、ご教授ねがいます。 よろしくお願いします。  

  • javascriptの初心者です。

    初歩的質問で失礼します。 javascriptでフォームの中にテキスト欄が3つあり、 テキスト欄3に入力された数字が奇数なら赤、偶数なら青となるプログラムにしたいと思い、 下記のようにしまいしたが、elseの青文字にしかならずに悩んでいます。 本当に初心者ですいません。が、アドバイス頂けたら宜しくお願いいたします。            function men(){ tate=document.form1.text1.value; yoko=document.form1.text2.value; document.form1.text3.value=tate*yoko/2; if ((men%2)==0){ document.form1.text3.style.color="red"; }else { document.form1.text3.style.color="blue"; } }

  • 任意のフォーム名・部品名に対応したいのですが・・・

    始めまして。 カラーパレットのphpを作り、親ウィンドウのテキストボックスにカラー値を 引き渡す部分に以下のようなjavascriptを作りました。 function set_color(color) { window.opener.document.form1.name_color.value = color; } (フォーム名:form1 テキストボックス名:name_color) 一応これでも動作するのですが、これではテキストボックスごとに別々のphpプログラムを用意しなければなりません。 そこで、引数を使い function set_color(form_name, txt_name, color) という形でフォーム名とテキストボックス名を任意に指定したいのですが window.opener.document.form1.name_color.value = color; の部分をどう書きかえればいいのかわかりません。 どうか、よろしくお願いします。

  • Javascript 足し算

    ホームページ用見積もりフォーム 商品の値段を合計する。 一個ずつ足しての計算で処理してるのですが、商品がかなりの数になりそうです。 エクセルのSUMのように商品1から商品1000までを計算する関数を教えていただきたいと思っています。 JavaScriptは外部参照しています。 以下がJavaScriptのコードになります。 function keisan(){ // 設定開始 var tax = 5; // 消費税率 // 商品1 var price1 = document.form1.goods1.options[document.form1.goods1.selectedIndex].value; // 商品2 var price2 = document.form1.goods2.options[document.form1.goods2.selectedIndex].value; // 商品3 var price3 = document.form1.goods3.options[document.form1.goods3.selectedIndex].value; // 合計を計算 var total1 = parseInt(price1) + parseInt(price2) + parseInt(price3); // 設定終了 document.form1.field_total1.value = editNumberSeparated(total1); // 合計を表示 var tax2 = Math.round((total1 * tax) / 100); document.form1.field_tax.value = editNumberSeparated(tax2); // 消費税を表示 document.form1.field_total2.value = editNumberSeparated(total1 + tax2); // 税込合計を表示

  • javascriptでの大文字小文字の区別

    前に質問をし、大文字と小文字の区別があることはわかりました。そこで、日にちを出すために <script language="javascript"> <!-- mydate=new Date(); ye=mydate.getFullYear()+"年"; mo=mydate.getMonth()+1+"月"; da=mydate.getDate()+"日"; day=mydate.getDay(); day2=new Array(7); day2[0]="日";day2[1]="月";day2[2]="火"; day2[3]="水";day2[4]="木";day2[5]="金"; day2[6]="土"; document.write("<font style='font-size : 16px; color : #666666'>"); document.write("本日は"+ye+mo+da+"("+day2[day]+") "); document.write("です</font>"); //--> </script> とすることはわかったのですが、一番初めの<script language="javascript">は物によって<SCRIPT LANGUAGE="JavaScript">や<SCRIPT language="Javascript">となっていたり、年数などのyeはYeとなっていたりします。javascriptにも大文字と小文字を区別しないものがあるということですか。もしそうならどういったものがどちらでもいいのですか。

  • JavaScriptでの足し算処理について

    本日よりJavaScriptに取り組んでいますが、いきなり足し算の処理でつまずきました。 下記の様にdeta1に10を入れ、計算ボタンを押すとdeta2に25が入るような処理を行いたいのですが、10が文字として認識されてしまうらしく、deta2が1015になってしまいます。 かなり基本的なことだと思いますが、どうすればよいか教えてください。 <script language="JavaScript"> <!-- function func1(){ document.test.deta2.value=document.test.deta1.value+15; } //--> </script> <form name=test> <INPUT type="text" name="deta1"> <INPUT type=button value="計算" onClick=func1()> <INPUT type="text" name="deta2"> </form>

  • 値をフォームに反映させるには…

    JavaScriptで得た値をフォームに反映させたいと思っています。 テキストボックス(InputタグのType='text')でしたら、「document.フォーム名.textオブジェクト名.value 」に値を入れれば反映されますが、ただの文字(ラベル)として反映させることはできないでしょうか? DIVタグやLabelタグやPタグなど色々と試しましたがうまくできませんでした。 なにか良い方法をご存知のかたがおりましたら教えてください。

  • javascriptについて

    入力した各データをサブウィンドウであらわすため、javascript内で function outdata() { f0bj = document.myform; ftxt = f0bj.yourname.value;     ----(a) fxxt = f0bj.phonenumber.value; ----(a) for(i=1; i<5;i++) if(f0bj.elements[i].checked) fBtn = f0bj.elements[i].value; fsel = f0bj.place.options[f0bj.place.selectedIndex].value; subWin = window.open("abc.html","kekka","width=5000,height=300"); subWin.document.open(); subWin.document.write("a:"+ftxt+"<br>"); subWin.document.write("b:"+fxxt+"<br>"); subWin.document.write("c:"+fBtn+"<br>"); if(fBtn == "c"){ subWin.document.write("d:"+fsel+"<br>"); } subWin.document.close(); } として、html内でそれらの記入をしているのですが、この時に今テキストフォームが2つ(a) あるのですがこの時テキストフォームが2つあると残りのラジオボックスとセレクトメニューが うまく表示してくれないのですが何がいけないのでしょうか? ちなみにラジオボックスには項目は4つ、セレクトメニューは5つあり、テキストフォームを1つ にしたらうまく実行できることは確認済みです。

  • javascriptでJIS第一/第二水準の文字をチェック

    javascriptの初心者です。 フォームのテキストボックスにJISの第一水準、第二水準以外の文字が入ったら エラーを返したく、いろいろ調べたら正規表現で   第一水準:[亜-腕]   第二水準:[弌-熙] と書かれているサイトを見つけて、以下のコードを作成しました。 function nameCheck() { var str = document.form1.name.value; if( str != "") { check = /[^亜-腕弌-熙]+/ if ( str.match(check) ) { alert("使用できない文字が含まれています。"); document.form1.name.focus(); } } } 実際にこれを実行すると、「崎の"大"の部分が"立"」になっている漢字は チェックできますが、「田」「山」と簡単な漢字がエラーとなってしまいます。 これではチェックが出来ないのでしょうか? どなたかご教授願えたらと思います。 どうぞよろしくお願いいたします。

  • JavaScript Eventのタイミング

    Eventの挙動を学ぶために、簡単なスクリプトを作成しました。 テキストボックスに文字列を入れて、Submitボタンを押すと、 テキストボックスの下に(innerHTMLで)入力文字が表示され、 ボタン自体も入力文字になるというものです。 しかし、テキストに文字を入力し、Submitを押してもボタン・innerHTMLともに文字は変化しません。このままリロードをすると変化します。 挙動からして、マウスクリック自体は反応していないが、リロードによりイベントハンドラが動作しているように見受けられます。 イベントハンドラはonclickに代入しているためなぜこのようになるのか わかりません。 できるだけ、JavascriptとHTMLを分離したく外だしのファイルで 実現したいと思っています。 考え方、(比較的平易な)参考資料などありましたら教えていただけないでしょうか? HTMLで<body onload="init()">として、JavaScriptでは以下のように記述しています。 function init(){ document.getElementById("button").click = change(); } function change(){ keyword = document.getElementById("keyword").value; document.getElementById("input").innerHTML = keyword; document.getElementById("button").value = keyword; }

専門家に質問してみよう