によるテキスト入力フォームに入力されている値を、javascript関数に渡したいと思います。ページ遷移させずに渡す方法はありますでしょうか？ onclickで関数を呼び出しても、ページが再読込されてしまいます。で関数を呼び出して、ページ遷移なしで、値を渡すことはできました。これと同様の効果を、テキスト入力フォームでも行いたいと思っています。お分かりの方がいらっしゃいましたら、お教え願いたいと思います。よろしくお願い致します。

＞テキスト入力フォームでも行いたいと思っていますテキストフィールドにonclickを設定すると大変使いにくくなります。（やってみればわかりますが） submitをキャンセルしたければ、false値を返せばキャンセルできます。 function hoge(el){alert("入力値=" + el.value);} function fuga(){ if (confirm("送信する？")) {return true;} else {return false;} }

テキスト入力フォームの値を画面遷移なしで関数に渡す。

解決済

質問者：yamaps
質問日時：2009/01/16 11:57
回答数：2件

<form>によるテキスト入力フォームに入力されている値を、javascript関数に渡したいと思います。

ページ遷移させずに渡す方法はありますでしょうか？

onclickで関数を呼び出しても、ページが再読込されてしまいます。
<a href="javascript:xxxxxx">で関数を呼び出して、ページ遷移なしで、値を渡すことはできました。
これと同様の効果を、テキスト入力フォームでも行いたいと思っています。

お分かりの方がいらっしゃいましたら、お教え願いたいと思います。
よろしくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： yambejp
回答日時：2009/01/16 12:18

どのタイミングでわたしたいのかによります。

なにかボタンを押したときであれば以下のような感じで・・・

<form>
<p>
<input type="text" name="hoge">
<input type="button" value="hoge" onclick="alert(this.form.elements['hoge'].value)">
</p>
</form>

- 0
- 件

通報する

この回答へのお礼

>yambejp様

今回も御回答ありがとうございます。
以前も回答頂きお世話になったことを記憶しております。

form.elementsで入力フォームの内容を取得できるというのは良いことを聞きました。

問題は解決しそうです。
ありがとうございました。

通報する

お礼日時：2009/01/16 13:53

No.2

回答者： fujillin
回答日時：2009/01/16 12:48

＞テキスト入力フォームでも行いたいと思っています

テキストフィールドにonclickを設定すると大変使いにくくなります。（やってみればわかりますが）
submitをキャンセルしたければ、false値を返せばキャンセルできます。

<html>
<script language="JavaScript">
function hoge(el){alert("入力値=" + el.value);}
function fuga(){
if (confirm("送信する？")) {return true;} else {return false;}
}
</script>
<body >
<form method="POST" action="xxx" onsubmit="return fuga()">
<input type="text" name="n1" onclick="hoge(this)">
<p>
<input type="submit" value="送信" >
<input type="reset" value="取消">
</form>
</body>
</html>