- ベストアンサー
hiddenのvalueの値を変えたい
yhasegawa55の回答
- yhasegawa55
- ベストアンサー率0% (0/4)
オブジェクトを上手く指せているか？簡単に確認できるのは、 <input type="hidden" name="btn" value="test">として JSのfunction中で alert(document.form.btn.value); で表示してみては？
関連するQ&A
- 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
- hiddenフォームのvalueを自動生成したいのですが...
JavaScriptで生成した値を、同じページの中にあるinput type=hiddenフォームのvalueの値として使用したいのですが、うまく行きません。 普通のinputタグであれば、 <SCRIPT Language="JavaScript"> <!-- function SetOrderId() { myDate = new Date(); Year = new String(myDate.getFullYear()); Month = new String(myDate.getMonth()+1); Day = new String(myDate.getDate()); if ( Day.length == 1 ) Day = "0" + Day; document.forms[0].OrderId.value = Year + "-" + Month + "-" + Day } //--> </SCRIPT> <BODY onLoad="SetOrderId()"> <INPUT NAME="OrderId" TYPE="TEXT" onClick="SetOrderId()"> で、ページを開いたときにOrderIdフォームに値が代入されているのですが、 <input type=hidden name="OrderId"> としたときには、上記のスクリプトで生成した値がinput type=hiddenのvalueに設定されず、困っています。 どうすればinput type=hiddenのvalueの値にJavaScriptで生成した値を代入できるのでしょうか？
- ベストアンサー
- JavaScript
- 複数のボタンに対するActionと動的hiddenについて
JavaScript初心者です。 入力内容を確認する画面があり、その画面からは実際にデータを 書き込む機能(1)と一時的に書込み、その結果を別ウィンドウで出力 するプレビュー機能(2)を考えています。 (1)も(2)もAction先は同じCGIで、プレビューの場合のみあるhidden値を 持たせ、Action先のCGI側でそのhiddenが存在すればプレビュー機能(2)、 なければ通常登録機能(1)と処理を分けています。 今問題となっているのはプレビュー実行後、登録を実行した場合、なぜか プレビューと同じ動作になってしまうという点です。 （別ウィンドウが立ちあがり、hidden属性もAction先へ渡ってしまっている） 初心者である為、解決方法がわからず、悩んでおります。 よいアドバイスをお願い致します。 =====================画面 ここから===================== ※<>はHTMLタグを示す <form> 確認画面 ----------+---------------------------------+ |データ１ | 入力内容１ | +-------------------------------------------+ |データ２ | 入力内容２ | ----------+---------------------------------+ |データ３ | 入力内容３ | +-------------------------------------------+ +--------------+ +--------------+ | プレビュー | | 登録 | +--------------+ +--------------+ <input type="hidden" name="data1" value="入力内容１" /> <input type="hidden" name="data2" value="入力内容２" /> <input type="hidden" name="data3" value="入力内容３" /> </form> ※登録は以下で実行 <input type="button" value="登録" onClick="javascript: run();" /> ※プレビューは以下で実行 <input type="button" onClick="javascript: preview('30');" value="プレビュー" /> =====================画面 ここまで===================== =====================ＪＳ ここから===================== function preview(id){ var q = document.createElement('input'); q.type = 'hidden'; q.name = 'name'; q.value = id; newWindow =window.open("about:blank","preName","menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes"); newWindow.focus(); document.forms[0].appendChild(q); document.forms[0].target = 'preName'; document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); } function run(){ document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); return; } =====================ＪＳ ここまで=====================
- 締切済み
- JavaScript
- IF文で
隠し引数で<INPUT type="hidden" value=1 name="A1"> があるとします。 もしこの「A1」という隠し引数がなかったら「A2」という隠し引数の値を、取得するようにIF文でかくとしたらどのよに書いたらいいのでしょうか？ document.forms[0].elements['A1'].value ではエラーになってしまい、困っています。
- ベストアンサー
- JavaScript
- formのfileの値をhiddenでも持ちたい
お疲れ様です。いつもお世話になっております。 on～～イベントで値をコピーするやり方でいけるのかもと思いつつ、 うまくイメージがまとまらないので質問させてください。 <input type="file">で、ファイルが選択されたら、その値(ファイルのパス)を同じフォーム内のhiddenにも持ちたいのです。 もっと具体的にいうと hiddenに持った時、ファイル名の拡張子にかかわらず、拡張子を落として、[ファイル名]_thumnail.jpgとつけて、submitしたいのです。 <form action="xxx.php" method="post" enctype="multipart/form-data" name="myForm"> <input type="file" name="upfile" /> <input type="hidden" name="thumnail" /> </form> document.myForm.upfile.value=document.myForm.thumnail.value; みたいな感じでできるのでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- hiddenを動的に作成したい
何度も呼ばれるfunction（testfunc）があり、ここではparamaterというフィールドがあればそこに値を設定し、なければparamaterというhiddenフィールドを作成し、そのフィールドに値を作成。 その後、Ajax.Requestを使用して値をサーバに渡したいです。 下記のように作成しましたが、createhidden実行後もformobj.paramaterはundefinedになってしまいます。 ただ、実際は作成されているようで、サーバーには最初に設定した値が何度も飛んできている状態です。（同じnameのhiddenがたくさんできている状態？） 特にこの方法にこだわる事はないので、もっといい方法があればそれでも構いません。（post時に別のやり方？で値を渡すなど） 尚、最初からhtmlにhiddenを書いておくというのは無しでお願い致します。 function testfunc (value) { formobj = document.forms[0]; if (formobj.paramater) { formobj.paramater.value = value; } else { createhidden('paramater', value, formobj); } new Ajax.Request('./Suggest.do', { // 正しく補完情報を取得できた場合 onSuccess: aaaa, onFailure: bbbb, postBody: Form.serialize(formobj), asynchronous: true, method: 'post' }); } function createhidden( name, value, form ){ var elm = document.createElement('input'); elm.type = 'hidden'; elm.name = name; elm.value = value; form.appendChild(elm); }
- ベストアンサー
- JavaScript
- 『`』がテキストタイプの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>
- ベストアンサー
- JavaScript
- 親ウィンドウで動的に作成したhidden値をサブウィンドウから削除
QNo.4132708 複数のボタンに対するActionと動的hiddenについて で皆様に色々とアドバイスを頂いたものです。 しかし根本的な解決には至らず、また、皆様のお知恵を頂きたく 思います。 現在の問題点としてはサブウィンドウ側でtarget属性とname属性の 削除をonload時に行おうとしていますが、Firefoxだとうまくいき、 IE6だとうまくいかないことまではわかりました。 IE6でもうまくいくようにするにはどうしたらよいか お知恵をいただければ幸いです。 IEだとremoveChildがうまくいかないようなので、その他方法があれば よろしくお願い致します。 =====================機能 ここから===================== 入力内容を確認する画面があり、その画面からは実際にデータを 書き込む機能(1)と一時的に書込み、その結果を別ウィンドウで出力 するプレビュー機能(2)を考えています。 (1)も(2)もAction先は同じCGIで、プレビューの場合のみあるhidden値を 持たせ、Action先のCGI側でそのhiddenが存在すればプレビュー機能(2)、 なければ通常登録機能(1)と処理を分けています。 =====================機能 ここから===================== =====================画面 ここから===================== ※<>はHTMLタグを示す <form> 確認画面 ----------+---------------------------------+ |データ１ | 入力内容１ | +-------------------------------------------+ |データ２ | 入力内容２ | ----------+---------------------------------+ |データ３ | 入力内容３ | +-------------------------------------------+ +--------------+ +--------------+ | プレビュー | | 登録 | +--------------+ +--------------+ <input type="hidden" name="data1" value="入力内容１" /> <input type="hidden" name="data2" value="入力内容２" /> <input type="hidden" name="data3" value="入力内容３" /> </form> ※登録は以下で実行 <input type="button" value="登録" onClick="javascript: run();" /> ※プレビューは以下で実行 <input type="button" onClick="javascript: preview('30');" value="プレビュー" /> =====================画面 ここまで===================== =====================ＪＳ ここから===================== function preview(id){ var q = document.createElement('input'); q.type = 'hidden'; q.name = 'name'; q.value = id; newWindow =window.open("about:blank","preName","menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes"); newWindow.focus(); document.forms[0].appendChild(q); document.forms[0].target = 'preName'; document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); } function run(){ document.forms[0].action = run.cgi; document.forms[0].method = 'post'; document.forms[0].submit(); return; } =====================ＪＳ ここまで===================== =====================サブウィンドウ側 ここから===================== <body onLoad="opener.document.forms[0].removeChild(opener.document.forms[0].name);opener.document.forms[0].setAttribute('target', '');"> =====================サブウィンドウ側 ここまで=====================
- ベストアンサー
- JavaScript
- select値をhiddenのvalueに渡したい
selectで選択されたvalue値を下のhiddenのvalue値(id)に渡して、 hiddenのvalue値(id)がselectで選択されたvalue値になるような フォームを作りたいのですが、作り方をお教え頂ければ幸いです。 <form name="form" method="get" action="index.cgi"> <select name="mode"> <option value="100023">和書</option> <option value="100241">洋書</option> <option value="100524">エレクトロニクス</option> </select> <input type="hidden" name="serch_janru" value="id" /> <input type="text" name="keyword" value="keyword" /><input type="submit" name="submit" value="商品を検索" /> </form> ソース等、具体的にお教え頂けると助かります。 どうぞ宜しくお願い致します。
- ベストアンサー
- HTML
- hiddenに値を設定する方法
いつもお世話になります。 selectboxの選ばれている項目の番号、いわゆるselectedIndexをhiddenに設定してsubmitで取得したいのですが、エラーがでてしまいます。 いまいちhiddenの使い方もわかっていないので見当違いな書き方をしているかもしれませんが、 現在の状態を以下に示しますのでご指導よろしくお願いします。 [javascriptの中] function err(){ document.myForm.NaNo.value = myForm.cbName.selectedIndex; } [htmlの中] <body onLoad=err()> <form name="myForm" method="post"> <select name="cbName"> <option value=""><br></option> <option value="花子">花子 <option value="和子">和子 <option value="良子">良子 </select> <input type="hidden" name="NaNo">
- ベストアンサー
- JavaScript
お礼
書き込みありがとうございました！ Eclipseのデバッガ使って見てみたらNullが入ってました。 ちゃんといれてるはずなのになんでー？！ってパニくったのですが、無事解決できました。 ありがとうございました！