![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記ソースのaタグ内map.phpのパラメータ({緯度}・{経度}の部分)にinputで入力した値を渡したいので
すが、どうすれば良いでしょうか?
<form action="index.php" method="POST" enctype="multipart/form-data" name="data">
緯度:<input name="lat" type="text" value="" size="20">
経度:<input name="lng" type="text" value="" size="20">
<a href="map.php?lat={緯度}&lng={経度}">マップを表示</a>
</form>
No.2ベストアンサー
- 回答日時:
こんな感じ?
<script>
function func(obj)
{
obj.href+="?lat="+obj.parentNode.elements["lat"].value;
obj.href+="&lng="+obj.parentNode.elements["lng"].value;
}
</script>
<form action="index.php" method="POST" enctype="multipart/form-data" name="data">
緯度:<input name="lat" type="text" value="" size="20">
経度:<input name="lng" type="text" value="" size="20">
<a href="map.php" onclick="func(this)">マップを表示</a>
</form>
formとaの関係次第だね
上記ソースでばっちりうまくいきました!
おっしゃっていたformとaの関係のところなのですが
私のソースは下記のような構成となっていてノードが参照できません。
この場合はどのように参照すれば良いでしょうか?
ご教授お願い致します。
<form action="index.php" method="POST" enctype="multipart/form-data" name="data">
<table>
<tr><td>・・・</td><tr>
<tr><td>
緯度:<input name="lat" type="text" value="" size="20">
経度:<input name="lng" type="text" value="" size="20">
<a href="map.php" onclick="func(this)">マップを表示</a>
</td><tr>
</table>
</form>
No.3
- 回答日時:
>この場合はどのように参照すれば良いでしょうか?
formにidをふってdocument.getElementById("フォームのid")でつかむか
document.forms["data"]みたいにすればつかめるかも。
アンカーがフォームに必ず含まれるならロジック的には
オブジェクトからformになるまでparentNodeをさかのぼっていくという手もあります。
<script>
function func(obj)
{
var f=getParentNode(obj,"form");
obj.href+="?lat="+f.elements["lat"].value;
obj.href+="&lng="+f.elements["lng"].value;
}
function getParentNode(obj,nodeName){
var n=obj.parentNode;
while(n){
if(n.nodeName==nodeName.toUpperCase()) return n;
n=n.parentNode;
}
}
</script>
<form action="index.php" method="POST" enctype="multipart/form-data" name="data">
緯度:<input name="lat" type="text" value="" size="20">
経度:<input name="lng" type="text" value="" size="20">
<a href="map.php" onclick="func(this)">マップを表示</a>
</form>
function func(obj)
{
obj.href+="?lat="+document.getElementById("フォームのid").elements["lat"].value;
obj.href+="&lng="+document.getElementById("フォームのid").elements["lng"].value;
}
この記述でシンプルに出来ました。
解説ありがとうございました!本当に助かりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
別ウィンドウへのsubmitの挙動...
-
POST時に要素を削除してからPOST
-
javascriptでASPにデータを渡す
-
FormのonsubmitでJavaスクリプ...
-
複数のフォームを一括で自動送...
-
focus()が上手くいかない
-
指定したタグを書き換えるには?
-
Cookieに保存されない
-
submitした値を返したい
-
C# 配列などの受け渡し
-
return trueとreturn falseの用...
-
Selectボックスの幅を自動で広...
-
slickのレスポンシブ > center...
-
JavaScript ラジオボタン デ...
-
クリアボタンの動作について
-
<input>の選択肢をプルダウンメ...
-
onchangeイベントを強制的に発...
-
javascript作成してます。ラジ...
-
javaScriptの変数をJavaの変数...
-
プルダウンで選択すると、DBの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FormのonsubmitでJavaスクリプ...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
別ウィンドウへのsubmitの挙動...
-
フォームが空欄の時にフォーム...
-
複数のフォームを一括で自動送...
-
iframe内のformをサブミットす...
-
1つのform内に2つのsubmitボタ...
-
POST時に要素を削除してからPOST
-
1つのページにformを2つ設置。2...
-
formのsubmitイベントの発生に...
-
focus()が上手くいかない
-
1つのformで複数のactionをボタ...
-
リンク先アドレスの一部にテキ...
-
タブキーでなくエンターキーで...
-
JavascriptからSubmitして画面...
-
同意チェックボックスはひとつ...
-
指定したタグを書き換えるには?
-
javascriptで .jpg , .jpeg , ....
-
chromeでフォームの値が取得で...
おすすめ情報