人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptとformについて質問です。

次のようなHTMLがあります。

<input type="submit" name="submit" value="決定">

サブミットボタンを押下すると、下のようにhiddenに変更してサブミットさせたいです。(type=submitの方はdisableにして)

<input type="hidden" name="submit" value="決定">

変なことを書くようですが、こういうことできますでしょうか?

(理由は、http://q.hatena.ne.jp/1266164117に関係していますが、1フォーム、複数サブミットボタンの2度押し制御対応について困っているためです。)

●質問者: nemutaiyo
●カテゴリ:コンピュータ インターネット
✍キーワード:HTML JavaScript ボタン 対応
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● HowManyFiles
●60ポイント ベストアンサー
<html>
 <head>
 <title>button test<title>
 <script language="JavaScript">
 <!--
 function disablebutton(form)
 {
 var elements = form.elements;
 for (var i = 0; i < elements.length; i++)
 {
 if (elements[i].type == 'submit')
 {
 elements[i].disabled = true;
 }
 }
 } 
 //-->
 </script>
 </head>
 <body>
 <p>ボタンを一度押すと無効になるはず。</p>
 <p>
 <form
 method="post"
onClick="return disablebutton(this)">
 <input type="submit" value="ぽちっとな">
 </form>
 </body>
</html>

こんな具合でどうでしょうか。hiddenにすると、ユーザからみた場合に『なんか突然ボタンが消えた』となり、不親切な気がしましたので、ボタンを押せない状態にしてみました。13行目を以下のように書き換えるとhiddenにできると思います。

elements[i].type = 'hidden';
◎質問者からの返答

ありがとうございます。確かにhiddenに変更すると消えますね。

いろいろ調べたところ、以下を参考にしてできました。

http://d.hatena.ne.jp/naoya/20050804/1123152230

私の質問が分かりにくいところがあった点、お詫びします。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ