複数の項目があり、buttonタグを押した瞬間に、削除の確認がでて、はいを押せば削除されるプログラムを作っています。


そこで質問なのですが、onMouse等でJavaScriptの関数を実行した際に、削除が押された項目のSubmitと同様の効果を出すのにはどうすればいいのでしょうか?

Formタグが複数個あるため、どれが押されたか判断できないため。。。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/11/22 22:33:05
  • 終了:2006/11/23 00:59:02

回答(5件)

id:kn1967 No.1

kn1967回答回数2915ベストアンサー獲得回数3012006/11/22 22:43:21

ポイント35pt

あらかじめ、それぞれのFORMタグに

  <form name="F1">~~~</form>

  <form name="F2">~~~</form>

というようにnameを設定しておけばJAVAScriptでは、

  document.F1.submit()

といったような形でサブミットできますので、

  buttonのonMouseイベントなどでJAVAScriptを呼ぶときにパラメータを渡してもよし、

  フォーム毎にfunctionを用意しておいてフォームの内容を確認してからsubmitするもよし、、、

あとは、お好みの方法で処理してください。

フォーム(Form)

id:makocan

document.F1.submit()のF1の部分で問題がでませんでしょうか??

例えば、項目が100個あるとしましたら、functionを100個用意するのは現実的ではない気がします。

>buttonのonMouseイベントなどでJAVAScriptを>呼ぶときにパラメータ

これはどういう意味合いでしょうか??

F100なら100を渡すという意味合いでしょうか?

2006/11/22 23:27:13
id:yusuke6468 No.2

yusuke6468回答回数125ベストアンサー獲得回数12006/11/22 23:02:02

はてなでは、自分が知りたいことや疑問に思うことを人力検索を使って調べることができます。ぜひ活用しましょう

http://www.hatena.ne.jp/

id:yusuke6468 No.3

yusuke6468回答回数125ベストアンサー獲得回数12006/11/22 23:07:58

はてなでは、自分が知りたいことや疑問に思うことを人力検索を使って調べることができます。ぜひ活用しましょう

http://www.hatena.ne.jp/

id:makocan

無意味な回答です。

申し訳ございませんが、終了の際は、ポイントはつけませんので、ご了承くださいませ。

2006/11/22 23:28:51
id:kn1967 No.4

kn1967回答回数2915ベストアンサー獲得回数3012006/11/22 23:51:47

ポイント35pt

>F100なら100を渡すという意味合いでしょうか?

そのとおりです。

<script language="JavaScript">

<!--

function fun_submit(F_name) { ここではF_nameという変数に値を渡してます。

 この部分にフォームの中身を確認するようなスクリプトを書くとよいでしょう。

document.forms[F_name].submit();

}

//-->

</script>

<form name="F1">

<input type="button" onclick="fun_submit(F1)">

</form>

<form name="F2">

<input type="button" onclick="fun_submit(F2)">

</form>

こんな感じですが、、、

URL必須ということで、タイトルが失礼なのですが、内容は分かりやすくなってますので、、、、

イヌでもわかるJavaScript講座

id:makocan

なるほど。

ありがとうございます!

2006/11/23 00:57:57
id:susie-t No.5

susie-t回答回数99ベストアンサー獲得回数182006/11/23 00:23:30

ポイント35pt

イベント登録対象要素はForm内にあると考えていいですか?

であれば、以下のようにすることで対応可能です。

<html>
<head>
<script>
function func(btn){
  if(!confirm("いいですか?")){
    return false;
  }
  var fm = btn.form;
  fm.submit();
}
</script>
</head>
<body>
<form action="test1.htm" method="get">
<input type="text" name="text1" value="1"/>
<button onclick="func(this);">実行1</button>
</form>
<form action="test2.htm" method="get">
<input type="text" name="text2" value="2"/>
<button onclick="func(this);">実行2</button>
</form>
</body>
</html>

イベントに登録された関数(ここではタグ内のコード)では通常、thisでイベント登録要素を参照することができます。form内のinputやbutton要素であれば、そのformプロパティで所属formを取得できます。

参考になれば幸いです。

ダミーURL:http://q.hatena.ne.jp/

id:makocan

確認のダイアログの出し方まで、ありがとうございます!

2006/11/23 00:58:12

コメントはまだありません

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません