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

Question

nemutaiyo

121

120もっと見る

60pt

コンピュータインターネット

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度押し制御対応について困っているためです。）

回答の条件

1人10回まで

登録：2010/02/15 02:21:14
終了：2010/02/15 11:45:02

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

nemutaiyo 2010/02/15 02:34:15

jQueryを使って、hiddenを生成することはできました。
今、name='check'と固定としているので、
ここを可変にしたいです。
ボタンを押した対象のサブミットボタンのname属性を取得する方法を教えてください。
#
$(this).submit(function(){
$(this).append("<input type='hidden' name='check' value='dummy'/>");
});
Mook 2010/02/15 03:35:09

参照先の問題点と対策として下記がありましたが、
http://d.hatena.ne.jp/naoya/20050804/1123152230
それを見ても解決しないということでしょうか。
b-wind 2010/02/15 05:10:48

とりあえず、問題点はひとつなのに質問を同時に複数立てるのは止めたほうがいいよ。
両方常に見ているわけではないので、回答する側も混乱するし論点がぼやける。
まったく別の方向性の解が出るとこちらで回答する意味も無くなる。
nemutaiyo 2010/02/15 10:43:47

>Mookさん
参照先をちゃんと読んでいませんでした。「一つの form の中に submit ボタンが複数あって、どのボタンが押されたかによってロジックを分岐させているような場合に痛い目に逢います。」って書いていますね。試します。

>b-windさん
すみません。少しずつ動かない理由が分ってきて、
質問したいことがコロコロ変わってしまったため、
別の質問を立てたしだいです。
nemutaiyo 2010/02/15 11:41:23

以下、参照先を参考にして、できました。
お騒がせしてすみません。
http://d.hatena.ne.jp/naoya/20050804/1123152230

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

HowManyFiles · Accepted Answer · 2010-02-15T09:23:46+09:00

<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';

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

ベストアンサー

HowManyFiles2472010/02/15 09:23:46

コメント（5件)

この質問への反応（ブックマークコメント）