複数のcookieでの保存
- 初心者のためうまくいかないcookie保存の試みについて質問しています。具体的には、フォームに記入・チェックした内容を選択した保存ボタンに対応させて複数のcookieに保存したいと考えています。
- フォームの数は数十個以上あり、記入内容は数字のみ。また、別のスクリプトで入力内容を使用するため、競合の問題もあるかもしれません。
- 初心者が作成したスクリプトを載せていますが、構文や説明が不足しているかもしれません。
- ベストアンサー
複数のcookieでの保存
javescriptはかなりの初心者です。 サイトや本のサンプルで勉強してテキストボックス、チェックボタン、 ラジオボタンに記入した内容を保存するcookieの作成を試みたのですが 上手くいきません;; どなたかご教授よろしくお願いします。 やりたい事はフォームに記入・チェックした内容をセレクトボタン 「保存1」「保存2」・・・と選択したら、それぞれにセーブ・ロードを複数記憶させたいと思っています。 5つほどの記憶を予定しています。 実際に保存させるフォーム数は数十個以上あり、テキストボックスの記入内容は数字だけの予定です。 また、それらは別途の計算するスクリプトでの入力内容として使っています。(競合とかの問題もあるのでしょうか?) なお、下記の状態でもラジオボタンだけは保存も出来ませんでした; 作成したものを載せましたが、なにぶん初心者の作成したscriptな だけに役に立たない構文で、説明不足もあるかもしれませんがよろしくお願いします。 <HTML> <HEAD> <script language="JavaScript"> <!-- function set_cookie(){ var a = document.getElementById('myform').a.value; var b = document.getElementById('myform').b.selectedIndex; var c = document.getElementById('myform').c.selectedIndex; var d = document.getElementById('myform').d.checked; var e = document.getElementById('myform').e[0].checked; var f = document.getElementById('myform').e[1].checked; EXP=new Date(); EXP.setTime(EXP.getTime()+(30*1000*60*60*24)); document.cookie= a+"["+b+"["+c+"["+d+"["+e+"["+f+"["+";expires="+EXP.toGMTString(); } function get_cookie(){ var GET=document.cookie; GET=GET.split("["); document.getElementById('myform').a.value = GET[0]; document.getElementById('myform').b.selectedIndex = GET[1]; document.getElementById('myform').c.selectedIndex = GET[2]; document.getElementById('myform').d.checked = GET[3]; document.getElementById('myform').e[0].checked = GET[4]; document.getElementById('myform').e[1].checked = GET[5]; } --> </script> </HEAD> <BODY> <form id="myForm">テキスト1<BR> <INPUT size="20" type="text" maxlength="10" value="0" name="a"><BR> <BR> セレクト1<BR> <SELECT size="2" name="b"> <OPTION value="0" selected>0</OPTION> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION value="5">5</OPTION> </SELECT><BR> <BR> セレクト2<BR> <SELECT name="c"> <OPTION value="0" selected>0</OPTION> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION value="5">5</OPTION> </SELECT><BR> <BR> チェック1<BR> <INPUT type="checkbox" name="d" value="0"><BR> <BR> ラジオ1<BR> <INPUT type="radio" name="e" value="0"><BR> <INPUT type="radio" name="e" value="1"><BR> <BR> <BR> <SELECT name="selectsave"> <OPTION selected>保存1</OPTION> <OPTION>保存2</OPTION> <OPTION>保存3</OPTION> <OPTION>保存4</OPTION> <OPTION>保存5</OPTION> </SELECT><BR> <BR> <INPUT type="button" value="セーブ" name="save" onclick="set_cookie()"> <P><INPUT type="button" value="ロード" name="lord" onclick="get_cookie()"><BR> </P> </form> </BODY> </HTML>
- kyoto2008
- お礼率73% (11/15)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
nameよりidがいいね。ちょっと不都合がありそうだけど取り急ぎ！ <HTML> <BODY> <form id="myForm">テキスト1<BR> <INPUT size="20" type="text" maxlength="10" value="0" name="a"><BR> <BR> セレクト1<BR> <SELECT size="2" name="b"> <OPTION value="0" selected>0</OPTION> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION value="5">5</OPTION> </SELECT><BR> <BR> セレクト2<BR> <SELECT name="c"> <OPTION value="0" selected>0</OPTION> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION value="5">5</OPTION> </SELECT><BR> <BR> チェック1<BR> <INPUT type="checkbox" name="d" value="0"><BR> <BR> ラジオ1<BR> <INPUT type="radio" name="e" value="0"><BR> <INPUT type="radio" name="e" value="1"><BR> <BR> <BR> <SELECT name="selectsave"> <OPTION value="v1" selected>保存1</OPTION> <OPTION value="v2" >保存2</OPTION> <OPTION value="v3" >保存3</OPTION> <OPTION value="v4" >保存4</OPTION> <OPTION value="v5" >保存5</OPTION> </SELECT><BR> <BR> <INPUT type="button" value="セーブ" name="save" onclick="set_cookie()"><br> <INPUT type="button" value="ロード" name="lord" onclick="get_cookie()"> </form> <input type="text" size="50" id="sample"> <script language="JavaScript"> function set_cookie(){ o=document.getElementById('myform'); var v =[]; v[0] = o.a.value; v[1] = o.b.value; v[2] = o.c.value; v[3] = o.d.checked; v[4] = o.e[0].checked; v[5] = o.e[1].checked; saveCookie( o.selectsave.value, v.join('/'),30); document.getElementById('sample').value=v.join('/'); } function get_cookie(){ var o=document.getElementById('myform'); var GET=loadCookie(o.selectsave.value).split('/'); document.getElementById('sample').value=loadCookie(o.selectsave.value);//sapmle document.getElementById('myform').a.value = GET[0]; setvalue(document.getElementById('myform').b, GET[1]); setvalue(document.getElementById('myform').c, GET[2]); document.getElementById('myform').d.checked = (GET[3]=='true')? true:false; document.getElementById('myform').e[0].checked = (GET[4]=='true')? true:false; document.getElementById('myform').e[1].checked = (GET[5]=='true')? true:false; } function setvalue(o,v){ for(i=0;i<o.length;i++) if(o[i].value==v) o[i].selected=true; } function saveCookie( vn, v, dy ){ if(navigator.cookieEnabled) document.cookie = vn+ '='+ v+ ';expires='+ new Date((new Date()).getTime()+dy*24*3600000).toGMTString(); } function loadCookie(vn){ var rt=''; if( vn && document.cookie ) { var v = document.cookie.split(';'); for(i in v){ v[i].match(/^\s*(.*)=(.*)$/); if( RegExp.$1 == vn) { rt = RegExp.$2; break; } } } return rt; } </script> </BODY> </HTML>
関連するQ&A
- SELECTの選択状態を、複数のVALUE要素の一部を使ってCookie保存したい
1つの選択に複数のvalue値を持つSELECTで、 選択状態をCookieに保存しているのですが、 保存した後に、諸般の事情でSELECTに設定してあるvalueの値を変更(修正)しなければならないことがあります。 しかしそうすると、Cookieを読み込んだとき保存データとSELECTが照合出来なくなり選択状態を再現できません。 そこで、valueで持たせている数値のうち1ヶ所を連番にして、 そこだけ照合して読み込みできないかと思い立ちました。 v[1] = o.b.value.split(',')[3]; などとして、value値の一つを抜き出して保存するところまでは出来たのですが、 それをCookieから読み込んでも、複数のvalueの値の1ヶ所を選んで照合する方法がわかりません。 そもそも可能なのかもわからないのですが・・何か良い方法はないでしょうか？。 サンプルをHTML化してアップローダに置いたもの http://kissho.xii.jp/1/src/1jyou57011.html <HTML> <BODY> <form id="myform"> <BR> セレクト1 <SELECT name="a"> <OPTION value="0,00,000,a00" selected>0</OPTION> <OPTION value="1,11,111,a01">1</OPTION> <OPTION value="2,22,222,a02">2</OPTION> <OPTION value="3,33,333,a03">3</OPTION> <OPTION value="4,44,444,a04">4</OPTION> <OPTION value="5,55,555,a05">5</OPTION> </SELECT> ← valueをまとめて保存。Cookieから読み込み選択状態の再現も可能。<BR> <BR> セレクト2 <SELECT name="b"> <OPTION value="0,00,000,b00" selected>0</OPTION> <OPTION value="1,11,111,b01">1</OPTION> <OPTION value="2,22,222,b02">2</OPTION> <OPTION value="3,33,333,b03">3</OPTION> <OPTION value="4,44,444,b04">4</OPTION> <OPTION value="5,55,555,b05">5</OPTION> </SELECT> ← 「,」で分離してvalue[3]のみ保存。読み込みで選択状態の再現まではできず。<BR> <BR> 保存番号 <SELECT size="3" name="selectsave"> <OPTION value="v1" selected>保存1</OPTION> <OPTION value="v2" >保存2</OPTION> <OPTION value="v3" >保存3</OPTION> </SELECT><BR> <BR> <INPUT type="button" value="セーブ" name="save" onclick="set_cookie()"> <INPUT type="button" value="ロード" name="lord" onclick="get_cookie()"> <input type="reset" value="リセット"> </form> Cookieデータ表示<br><input type="text" size="50" id="sample"> <script language="JavaScript"> function set_cookie(){ o=document.getElementById('myform'); var v =[]; v[0] = o.a.value; v[1] = o.b.value.split(',')[3]; //「,」で分離して[3]のみ保存 saveCookie( o.selectsave.value, v.join('/'),30); document.getElementById('sample').value=v.join('/'); } function get_cookie(){ var o=document.getElementById('myform'); var GET=loadCookie(o.selectsave.value).split('/'); document.getElementById('sample').value=loadCookie(o.selectsave.value);//sapmle setvalue(document.getElementById('myform').a, GET[0]); setvalue(document.getElementById('myform').b, GET[1]); } function setvalue(o,v){ for(i=0;i<o.length;i++) if(o[i].value==v) o[i].selected=true; } function saveCookie( vn, v, dy ){ if(navigator.cookieEnabled) document.cookie = vn+ '='+ v+ ';expires='+ new Date((new Date()).getTime()+dy*24*3600000).toGMTString(); } function loadCookie(vn){ var rt=''; if( vn && document.cookie ) { var v = document.cookie.split(';'); for(i in v){ v[i].match(/^\s*(.*)=(.*)$/); if( RegExp.$1 == vn) { rt = RegExp.$2; break; } } } return rt; } </script> </BODY> </HTML>
- ベストアンサー
- JavaScript
- cookieでチェックボックスの状態を保存したい
保存ボタンを押すと、チェック状態をcookieで保存する機能を実装したいと考えています。 <form name="frmOutput" method="get" action="#"> <input name="time[]" type="checkbox" value="morning" id="morning" <?php if (in_array('morning', $times)) {?>checked="checked"<?php } ?> > <label for="morning">朝</label> <input name="time[]" type="checkbox" value="noon" id="noon" <?php if (in_array('noon', $times)) {?>checked="checked"<?php } ?> ><label for="noon">昼</label> <input name="time[]" type="checkbox" value="evening" id="evening" <?php if (in_array('evening', $times)) {?>checked="checked"<?php } ?> ><label for="evening" >夜</label> <input type="submit" name="submit_1" value="保存" onClick="recordTime(); return false;" /> この保存ボタンを押すと、JavaScriptで書いたrecordTimeで、チェックされているcheckboxの値を取得します。 <script src="./jquery.js" type="text/javascript"></script> <script language="JavaScript"> <!-- function recordTime() { var checkList = new Array(document.getElementById('morning'), document.getElementById('noon'), document.getElementById('evening')); var times = new Array(); for (i = 0; i < checkList.length; ++i) { if (checkList[i].checked) { times.push(checkList[i].value); } } $.get("./index.php", { "time[]": times, "record": 1 }); } --> </script> 値がセットされていればcookieに書き込みを行い、リロードすると保存時のチェック状態が再現されます。 <?php if (isset($_GET['record'])) { $times = $_GET['times']; $tmp = serialize($times); echo $tmp; setcookie('times', $tmp, time() + 30 * 60*60*24); exit; } $tmp = $_COOKIE['times']; $tmp = stripslashes($tmp); $times = unserialize($tmp); if ($times === false) { echo "unserialize failed."; } ?> 以上のコードなのですが、うまくcookieに保存されません。 これとは別にcookieを削除するボタンも作っており、 この削除ボタンでcookieの有効期限を過去にして削除してから、 動作がおかしくなったように感じていますが、 原因がはっきり分かりません。 知識を持っておられる方がいらっしゃれば、 教えて頂ければ助かります。 よろしくお願いしますm(__)m
- 締切済み
- その他（インターネット・Webサービス）
- Cookieの保存と取り出し
いつもお世話になります。 下記のソースで、選択項目をクッキーに保存、保存したクッキーの表示、削除を行おうと考えました。 Alertで見るとクッキーの保存はできているようですが、呼び出すと違う項目が表示されてしまいます。 すみませんが、どなたかお助けください <html> <head><TITLE></TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <script src="cookie2.js" language="JavaScript"></script> </head> <body onLoad="getCookieData()"> <br> <FORM action="job_conf.php" method="post" name="calf1"> <input type="button" onclick="setCookieData();" value="保存"> <input type="button" onclick="getCookieData();" value="呼び出し"> <input type="button" onclick="clsCookieData();" value="削除"> <table border=1> <tr> <td><b><font size=-1>JOB1</b></font></td> <td><select name="job1"> <option selected></option> <option value="windows98">Windows98</option> <option value="windows2000">Windows2000</option> <option value="windowsxp">WindowsXP</option> <option value="windowsvista">WindowsVista</option> <option value="linux">Linux</option> <option value="mac">Mac</option> </td> </tr> <tr> <td><b><font size=-1>JOB2</b></font></td> <td><select name="job2"> <option selected></option> <option value="windows98">Windows98</option> <option value="windows2000">Windows2000</option> <option value="windowsxp">WindowsXP</option> <option value="windowsvista">WindowsVista</option> <option value="linux">Linux</option> <option value="mac">Mac</option> </td> </tr> </table> </FORM> </BODY> </HTML> ----- cookie2.js ----- function setCookieData() { val1=document.calf1.job1.value; val2=document.calf1.job2.value; val = val1+val2; if(!val) { alert("値を下記より選択してください"); document.calf1.job1.focus(); } var setval =val1 + "=" + val2; var essetval = escape(setval); document.cookie=essetval+ "=expires =Tue ,31-Dec-2030 23:59:59;"; alert(document.cookie); } function getCookieData() { if(document.cookie); { val=document.cookie; getval = unescape(val); var v = getval.split("="); if(v[0]) { document.calf1.job1.value = v[0]; } if(v[1]) { document.calf1.job2.value = v[1]; } else if ((!v[0])&&(!v[1])) { alert("保存内容はありません"); document.calf1.job1.focus(); } } } function clsCookieData() { delcookie = "setval="; document.cookie ="setval;expires = Sun,31-Dec-2000 23:59:59;"; document.calf1.job1.value = document.calf1.job2.value = document.calf1.job3.value = ""; }
- ベストアンサー
- JavaScript
- IDの取得、繰り返しに問題があるようなんですが・・・
複数のセレクトの中から選んだ内容をコピーするスクリプトなんですが、 function answerPut(){ var answer = document.getElementById("s1"); var answerCopy = document.getElementById("answer"); answerCopy.value=answer.value } ▲このように単独で１つのフォームからならコピーできたのですが これを複数のフォームに対応させるためにforを使ってみたのですが どうにもうまくいきません。お知恵を拝借いただければ幸いです。 ▼うまくいかないスクリプト <html> <body> <script type="text/javascript"> function answerPut(){ for(var i=1; i<=3; i++){ var answer = document.getElementById(id+i); var answerCopy = document.getElementById("answer"); answerCopy.value=answer.value } } </script> （1）<select name="" id="s1" onChange="answerPut();"> <option value="あ1">あ1</option> <option value="い1">い1</option> <option value="う1">う1</option> </select> （2）<select name="" id="s2" onChange="answerPut();"> <option value="あ2">あ2</option> <option value="い2">い2</option> <option value="う3">う2</option> </select> （3）<select name="" id="s2" onChange="answerPut();"> <option value="あ1">あ3</option> <option value="い2">い3</option> <option value="う3">う3</option> </select> <br> <br> ▼選んだ回答内容が入る<br> <input type="text" name="9" value="" size="40" id="answer"> </body> </html>
- ベストアンサー
- JavaScript
- 複数プルダウンで検索
楽天市場自社サイト内に、３種類のプルダウンから選択した商品を検索したく試行錯誤していますが私の知識では限界だと言うことがわかりました。 お力をいただければと思い投稿いたしました。 何か良い方法はありますでしょうか <BODY> <FORM name="myForm" method="GET" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc?" target="_blank"> 種類<BR> <SELECT NAME="t1"> <OPTION VALUE="Ｔシャツ" SELECTED>Ｔシャツ <OPTION VALUE="Ｇパン">Ｇパン <OPTION VALUE="トレーナー">トレーナー </SELECT> <BR> サイズ<BR> <SELECT NAME="t2"> <OPTION VALUE="Ｓ" SELECTED>Ｓ <OPTION VALUE="Ｍ">Ｍ <OPTION VALUE="Ｌ">Ｌ </SELECT> <BR> 色<BR> <SELECT NAME="t3"> <OPTION VALUE="レッド" SELECTED>レッド <OPTION VALUE="ホワイト">ホワイト <OPTION VALUE="ブラック">ブラック </SELECT> <BR> <BR> <BR> <input type="hidden" name="sid" value="xxxxxx"><input type="hidden" name="su" value="xxxxxx"><input type="hidden" name="sn" value="xxxxxx"><input type="text" name="sitem"><BR> <input type="button" name="sitem" value="結合" onClick="ketugou()"><BR> <BR> <br> <input type="submit" value="商品検索"></FORM> </BODY>
- ベストアンサー
- JavaScript
- 見よう見まねで以下のように作成してみたのですが
見よう見まねで以下のように作成してみたのですが 作動しませんでした。 （当方javascript初心者です） どこに問題があるのか、指摘してくださる方を探しています。 極めて初歩的なところで誤っているのだろうと思いますので 質問するのも恐縮なのですが・・・ どなたかよろしくお願いいたします。 ------------------------------------------ <HTML> <HEAD> <script language="JavaScript"> function calc(){ var a = document.form1.001.value; var b = document.form1.002.value; var c = document.form1.003.value; var d = document.form1.004.value; var total = a + b + c + d; document.form1.field.value = total; } </script> </HEAD> <BODY> <BR><BR> <form name="form1"> <Select name="001"> <Option value="10">case1 <Option value="20">case2 </Select>ケース <BR><BR> <INPUT size="15" type="text" name="002">number <BR><BR> <Select name="003"> <Option value="100">volume1 <Option value="200">volume2 <Option value="300">volume3 </Select>ボリューム <BR><BR> <Select name="004"> <Option value="0">N <Option value="50">size1 <Option value="100">size2 <Option value="150">size3 </Select>サイズ <BR><BR> <INPUT type="button" name="calc" value="計算" onClick="calc()"><BR><BR> <input size="15" readonly="readonly" name="field" type="text">total </form> </BODY> </HTML>
- ベストアンサー
- JavaScript
- ドロップダウンメニューで選択された内容通りにチェックを入れるJS
ドロップダウンメニューで選択された内容通りにチェックを入れるJS をご教示下さい。 なお、本番環境で対象とするチェックボックスのnameは、全てchkで始まっている法則性があります。 よろしくお願い致します。 <html> <head> <script type="text/javascript"> <!-- // --> </script> </head> <body> <form> <select name="myselect"> <option selected>全てにチェック</option> <option>全てチェック解除</option> <option>奇数だけチェック</option> <option>偶数だけチェック</option> <option>1、6、8番だけチェック</option> <option>3番以降全てチェック</option> </select> <br> <input type="checkbox" value="1" name="chk01" checked>1番<br> <input type="checkbox" value="1" name="chk02" checked>2番<br> <input type="checkbox" value="1" name="chk03" checked>3番<br> <input type="checkbox" value="1" name="chk04" checked>4番<br> <input type="checkbox" value="1" name="chk05" checked>5番<br> <input type="checkbox" value="1" name="chk06" checked>6番<br> <input type="checkbox" value="1" name="chk07" checked>7番<br> <input type="checkbox" value="1" name="chk08" checked>8番<br> <input type="checkbox" value="1" name="chk09" checked>9番<br> <input type="checkbox" value="1" name="chk10" checked>10番 </form> </body> </html>
- ベストアンサー
- JavaScript
- セレクトで選んだ数の計算方法
初心者なので基本的な質問ですが、よろしくお願いします。 セレクトで選んだ数値が2つあり、その積を表示したいのです。 どうしたらよいでしょうか。 </script> <script langauage="JavaScript"> <!-- function calcNum(){ var num1 = parseInt(document.getElementById('s1').value); var num2 = parseInt(document.getElementById('s2').value); var kei = num1 * num2; } //--> </script> </head> <body> <form name="form1"> <select size="1" name="select2" id="s2" onchange="selectChange()"> <option value="5"> ５</option> <option value="9"> ９</option> </select> </form> <form name="form1"> <select size="1" name="select1" id="s1" onchange="selectChange()"> <option value="2"> ２</option> <option value="12">１２</option> </select> </form> <input type="text" name="kei" size="10"> <input type="button" value="計算" onmousedown="calcNum()"> スクリプトのところだけの抜粋でわかりにくいかもしれないのですが、 どのようにしたら良いか、教えてください。 根本的に違っているようでしたら、どうやればよいのか教えてください。 よろしくお願いします
- ベストアンサー
- JavaScript
- ボタンを押したらラジオボタンを選択したい(サンプルソース付)
ボタンを押したら、ラジオボタンを選択するようにしたいと思っています。 なんとかチェックボックス、セレクトボックス(?)はうまくいったのですが、どうしてもラジオボタンだけがうまくいきません。どうすればよいでしょうか？ ※document.forms[0].R1[0].checked = true; のようにすると意図した通りに動作することはわかったのですが、項目が増えた時にミスの原因になりますので、できるだけ"a"や"b"とvalueを使いたいと思っています。 すみませんが、よろしくお願いします。 -- <html> <head> <SCRIPT language="JavaScript"><!-- function check() { document.forms[0].C1.checked = true; document.forms[0].S1.value = "3"; document.forms[0].R1.value = "a"; } //--></SCRIPT> <title></title> </head> <body> <form> <input type="checkbox" value="yes" name="C1"><br> <select name="S1"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select><br> <input type="radio" name="R1" value="a"><input type="radio" name="R1" value="b"><br> <input type="button" onclick="javascript:check()"> </form> <br> </body> </html>
- ベストアンサー
- JavaScript
- クリックの度に加算していくには?
タイトルのような場合について教えてください。 数値ABCにそれぞれ数値を入れて合計を出すのですが、 1度の入力で完結するのでなく「計算」をクリックする度に 入力された数値が合計に加算させていきたいです。 できれば、一度クリックされたら数値入力内容をリセットさせたいと思っています。 (下記はサンプルで実際には複数の合計項目に数値ABCがそれぞれ計算されたものが入ります。) 例) 数値A 10 数値B 5 数値C 0 に入力されてクリックされたら、合計は15。 再度入力されて(出来ればここで数値ABCをリセットして0に) 数値A 10 数値B 5 数値C 0 なら、合計30。 という感じです。 初歩的な質問だと思いますが、かなりの初心者で どうしていいのか分からず悩んでいます。 どうぞよろしくお願いします。 <html> <head> <script language="JavaScript"><!-- function calc() { var a = parseFloat(0); a += parseFloat(document.getElementById('myform').calcText1.value); a += parseFloat(document.getElementById('myform').calcText2.value); a += parseFloat(document.getElementById('myform').calcText3.value); document.getElementById('myform').calcText.value = a; } // --></script> </head> <body> <form id="myform">数値A<INPUT type="text" name="calcText1" value="0"><BR> 数値B<INPUT type="text" name="calcText2" value="0"><BR> 数値C<INPUT type="text" name="calcText3" value="0"><BR> <BR> <br> <input type="button" value="計算" onClick="calc()"><input type="reset" value="リセット" > <br><br> 合計<INPUT type="text" name="calcText" value="0"> <br><br> </form> </body> </html>
- ベストアンサー
- JavaScript
お礼
さっそくの回答ありがとうございました。 これです、これがしたかったんです。 書いていただいたスクリプトは初心者には難しくて 本を片手になんとなくしか理解できませんが、 やっぱり複雑なスクリプトじゃないとダメ だったんですね。 勉強になりました。 ありがとうございました。