- ベストアンサー
フォーム内の値の指定方法
JavaScriptで、 フォーム内の値を指定するとき、どちらの記述がwebの標準として正しいのでしょうか？ document.form1.aaa.value form1.aaa.value 【フォーム】 <from name="form1"> <input type="textbox" name="aaa"> </form>
- Guno-this
- お礼率89% (222/248)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞document.form1.aaa.value ＞form1.aaa.value 上は汎用性があり、下はブラウザ依存です（IEなど） ＞どちらの記述がwebの標準 残念ながらどちらも標準ではありません。 いまの標準はidをふってアクセスします。 <from id="form1"> <input type="textbox" name="aaa"> </form> document.getElementById("form1").elements["aaa"].value （フォームの要素へアクセスする方法はいろいろある）
その他の回答 (1)
- x_jouet_x
- ベストアンサー率68% (162/236)
> それは標準化した団体がそう決めたからでしょうか？ ご存知かも知れませんが、Webで使われる技術(HTML、CSS、DOMなど)はW3Cという団体が、JavaScriptについてはECMAという団体がECMAScriptとして標準化しています。 IEやFirefoxなどのブラウザは基本的に上記の標準に「準拠」した形で実装されていますが、ブラウザによっては独自機能があったり実装されていない機能があったりで「完全準拠」していることはほとんどないのが現状です。 ここで言う「標準」という言葉は、 ・上記の団体が標準化しているから標準である。 ・(JavaScriptなどを)ブラウザ依存が少ない形で記述しているから標準である。 の２通りのとらえ方があると思います。
お礼
ありがとうございます。 「完全準拠」したものというのは珍しいものなのですね。 ＞ここで言う「標準」という言葉は、 ＞・上記の団体が標準化しているから標準である。 ＞・(JavaScriptなどを)ブラウザ依存が少ない形で記述しているから標準である。 このお話のおかげで、標準についてより判る事ができました。 ありがとうございます。
関連するQ&A
- chromeでフォームの値が取得できない
PHPでフォームに入力された値を取得して画面に表示させる処理において、 Javascriptでフォームの値を変更した場合、chromeだと変更後の値が 取得できません。 例えば、 <form name="form" method="post" action="index.php"> <input type="checkbox" name="chk1" value="111"> <input type="hidden" name="data1" value="AAA"> <input type="submit" value="送信"> </form> というようなフォームがあったとして、Javascriptで値を <form name="form" method="post" action="index.php"> <input type="checkbox" name="chk1" value="222"> <input type="hidden" name="data1" value="BBB"> <input type="submit" value="送信"> </form> と、変更しても送信ボタンを押して取得できる値は、上の方の値になります。 IEやFireFoxでは問題なく変更後の値が取得できるのですが、chromeだと 取得できません。 なにか解決方法があるのか、それともchromeの仕様なのかご教示いただければと 思います。 どうかよろしくお願いいたします。
- 締切済み
- JavaScript
- オブジェクト指向で書いた時のフォーム値受取り
オブジェクト指向で記述したときの、フォームの値の受取の記述方法 がわかりません。 例えば下記のようなフォームがあったとすると ---------------------- <form name="test"> <input type="text" name="name"> <input type="button" value="送信" onClick="testAlert()"> </form> ---------------------- 手続き型では ============================= function testAlert(){ var name = document.test.name.value; alert(name); } ============================= こんな感じで値を受取りアラート出力できますが、 オブジェクト指向で記述した場合はどうなりますか？ ============================= var aaa = function(name){ this.name = name; }; aaa.prototype.test = function(){ return alert(name); }; ============================= こういうような感じだとは思うのですが、ここから先が分かりません。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 他フォームの入力データの引継ぎ
入力フォームを2つ用意し 第1フォームの入力欄の1部を第2フォームの入力欄のデータとして submitさせたいのですが <INPUT TYPE="radio">と<SELECT>の入力値がうまく引継げません。 下記のようなJavaスクリプトとHTMLなのですが Javaスクリプトで「value」を＝にすると 「radio」のほうはundefin、 「SELECT」で複数選択した場合は、一つ目の選択肢のみしか 引継げませんでした。 Javaスクリプトでうまくいく方法がありましたら ご教示ください。 ----Javaスクリプト-------------------------------- function aaa() { document.FROM2.A.value = document.FROM1.A.value; document.FROM2.B.value = document.FROM1.B.value; document.FROM2.C.value = document.FROM1.C.value; document.FROM2.submit(); } ----HTML-------------------------------- <FORM NAME="FROM1" METHOD="POST" ACTION="***"> <SELECT NAME="A" MULTIPLE> <OPTION VALUE="aa">セレクトa <OPTION VALUE="bb">セレクトb <OPTION VALUE="cc">セレクトc <OPTION VALUE="dd">セレクトd </SELECT> <INPUT TYPE="radio" NAME="B" VALUE="" CHECKED>選択なし <INPUT TYPE="radio" NAME="B" VALUE="1" CHECKED>ラジオ1 <INPUT TYPE="radio" NAME="B" VALUE="2" CHECKED>ラジオ2 <INPUT TYPE="text" NAME="C"> <INPUT TYPE="text" NAME="D"> <INPUT TYPE="submit" NAME="OK_BTN" VALUE="ＯＫ"> </FORM> <FORM NAME="FROM2" METHOD="POST" ACTION="***"> <INPUT TYPE="hidden" NAME="A"> <INPUT TYPE="hidden" NAME="B"> <INPUT TYPE="hidden" NAME="C"> <INPUT type="button" onClick="JavaScript:aaa();" name="OK_BTN" value="ＯＫ"> </FORM>
- 締切済み
- JavaScript
- フォームに入力された値を計算する方法
私はまったくの初心者なのですがどなたか教えて下さい。 ●Ａ，Ｂ，Ｃという3つの入力フォームがあるとします。 Ａのフォームに入力された数字は「Ａ÷20」という値に、 Ｂのフォームに入力された数字はそのまま、 Ｃのフォームに入力された数字は「Ｃ×10」という値に変更して、 (Ａ+Ｃ)÷Ｂ×30という計算を行なって、その答えを Ｄのフォームへ表示するというシステムをcgiやphpで作りたいのです。 あれこれと試行錯誤しながら、javascriptでなんとか出来たんですが… どなたか教えて頂けませんか？ function keiri() { a = document.takeko.case.value; a = eval(a); a = a / 20 b = document.takeko.time.value; b = eval(b); c = document.takeko.days.value; c = eval(c); c = c * 10 ans = (a + c) / c * 30; document.spec.result.value = ans; } <form name="takeko"> <input name="case" type="text" size="12"> <input name="time" type="text" size="12"> <input name="days" type="text" size="12"> <input name="button" type="button" onClick="keiri()" value="CLICK"> <input name="result" type="text" size="12"> <br></form>
- 締切済み
- PHP
- javascriptにてHTMLのhiddenエリアのvalueを変更したい
javascriptにてHTMLのHIDDENエリアのVALUEをフォームの値が変わるごとに更新していきたいのですが、やり方がいまいちわかりません。 <input type = "text" value="10" id="aaa" onchange=aaa();/> <input type = "text" value="20" id="bbb" onchange=aaa();/> <input type = "hidden" name="abc" value="aaa"/> <script> function aaa(){ document.abc.value = document.getElementById("aaa").value+document.getElementById("bbb").value ; } </script> このような感じで考えていますが、進みません。どなたかご教授お願いいたします。
- 締切済み
- JavaScript
- フォームから受け取る値について
フォームから送られてくる値に たまに予期しない内容が入ってくるのですが どういった原因が考えられますでしょうか？ 具体的なフォームの内容は下記の通りで a,b,c以外の値が送られてくることがあります。 <FORM action="test.php" method=post> <INPUT type=checkbox name=chk[1] value=a> <INPUT type=checkbox name=chk[2] value=b> <INPUT type=checkbox name=chk[3] value=c> <INPUT type=submit value=OK> </FORM> ローカルにフォーム画面のHTMLをダウンロードし form actionとvalueを変更して実行すれば 送れると思いますが・・他に何かありますでしょうか？ よろしくお願い致します。 環境：RedHat7.3+Apache1.3+PHP4.2.2
- 締切済み
- PHP
- フォームに表示される文字をセンタリングさせたい。
Javascriptの初心者です。宜しくお願いします。 テキストエリアが2つあったとします。 1のテキストエリアにある値を入力してボタンを押すと、 2のテキストエリアに1で入力した値をそのまま表示させ、 尚且つ表示された値をフォーム内でセンタリングさせたいのですが どうすればよいのかわかりません・・・。 ご存知の方がいらっしゃいましたら教えて下さい。 どうぞ宜しくお願い致します。 <html> <head> <script language="JavaScript"> <!-- function my1() { a=document.form1.text1.value; document.form1.text2.value=a; } //--> </script> </head> <body> <form name="form1"> <input type="texterea" name="text1"> <input type="texterea" name="text2"> <input type="button" value="CLICK!" onClick="my1()"> </form> </body> </html>
- 締切済み
- JavaScript
- 同じ名前が複数あるインプットフィールドの値を取得するには？
<form action="***" method="post" name="frmTest"> <input name="chktest[0]" type="checkbox" value="c0"> <input name="txttest[0]" type="text" value="t0"> <input name="chktest[1]" type="checkbox" value="c1"> <input name="txttest[1]" type="text" value="t1"> <input name="chktest[2]" type="checkbox" value="c2"> <input name="txttest[2]" type="text" value="t2"> </form> このようなフォームがあった時、例えばtxttest[1]の値をjavascriptで取得する場合、どのように記述すればよいのでしょうか。 document.frmTest.txttest[1].valueでは上手くいきませんでした。 ([document.frmTest.txttest.1はNullまたはオブジェクトではありません]というエラーが発生しました) アドバイスをお願いします。
- ベストアンサー
- JavaScript
- htmlのobjectタグで埋め込んだページから値を戻す方法（IEの場合）
オブジェクト埋め込みで別のＷｅｂページを埋め込んでいます。 その埋め込まれたページのフォームに入力された値を、埋め込み元のフォームに値を戻す処理です。 ＩＥ以外（Firefox,Opera,Chrome,Safari）は正常に動きました。 これをＩＥ(IE8)でも正常に動く様にしたいのですが、ＩＥの場合の記述方法を教えていただけないでしょうか。宜しくお願いします。 因みに、これはインラインフレームで処理していたもを、objectタグに書き換える作業です。 ですのでインラインフレームなら可能という回答はなしでお願いします。 ●オブジェクトを埋め込んでいるページのhtml <form method="POST" name="formA"> <input type="text" name="fld1" size="10"> </form> <p> <object ID="bojInline" type="text/html" data="http://hogehoge/oTest.html" width="400" height="300"> <p>objectに対応していないブラウザです</p> </object> </p> ●埋め込まれるhtml（http://hogehoge/oTest.html） <script language="JavaScript"> <!--// function fRtn() { parent.document.formA.fld1.value = document.formB.fldB1.value; ＜＜＜ここの記述がＩＥではエラー } //--> </script> </head> <form method="POST" name="formB"> <input type="text" name="fldB1" size="10" value="初期値"></td> <input type="button" name="btn1" value="値を戻す" onClick="JavaScript:fRtn()"> </form>
- 締切済み
- JavaScript
- java 計算フォームで未入力の場合ゼロとしたい
java を使ってweb上で計算フォームを作成しています フォームに数値が入力された場合は問題なく計算結果に反映できますが、未入力のフォームがあると計算結果が反映されません。 未入力のフォームはゼロの値として計算結果を反映させたいのですが、どうしてもできなかったのでお力をお貸頂ければ助かります＞＜ フォームに最初からゼロの値を入れておく方法もあるのですが、ゼロが消された場合は未入力となってしまい計算結果に反映されないので、あくまで未入力の場合はゼロとして計算結果に反映させたいと思っています。 [script LANGUAGE="JavaScript"] function calc() { var s1, s2, s3, s4, ss; s1 = eval(document.form01.txt01.value); s2 = eval(document.form01.txt02.value); s3 = eval(document.form01.txt03.value); ss = s1+s2 +s3; if(ss < 30000) document.form01.txt04.value = ss*0.3; else if(s5 >= 30000) document.form01.txt04.value = ss*0.5; } [/script] <form name="form01"> <input style= type="TEXT" name="txt01" /> <input style= type="TEXT" name="txt02" /> <input style= type="TEXT" name="txt03" /> <input onclick="calc()" type="button" value="計算する" /> <input style= type="TEXT" name="txt04" /> </form> よろしくお願いします
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 標準としてidを振るものなのですね。 もしよろしければお伺いしたいのですが それは標準化した団体がそう決めたからでしょうか？