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

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

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

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

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:JavaScript タグ プログラム 関数
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● kn1967
●35ポイント

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

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

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

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

document.F1.submit()

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

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

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

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

フォーム(Form)

◎質問者からの返答

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

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

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

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

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


2 ● yusuke6468
●0ポイント

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

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


3 ● yusuke6468
●0ポイント

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

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

◎質問者からの返答

無意味な回答です。

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


4 ● kn1967
●35ポイント

>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講座

◎質問者からの返答

なるほど。

ありがとうございます!


5 ● susie-t
●35ポイント

イベント登録対象要素は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/

◎質問者からの返答

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

関連質問


●質問をもっと探す●



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