失礼します。
郵便番号検索フォームを作成しているのですが、
サーバー側の仕様で、郵便番号を入力するtextbox の
name値が固定されています。
必ず「name="p01:03"」と指定しなければなりません。
問題はname値に“:”が使用されているため、Javascriptがうまく動作しません。
※フォーム(CGI)における値の受け渡しは問題ないです。
“:”を避けて実行する方法を探していますが、
うまくいきません。指示を頂けたらと思います。
---------------------------------
HTMLページの郵便番号欄:
<form name="form">・・(略)・・・
郵便番号:<input type="text" size="15" name="p01:03" value="" />
Javascript:
実行させるとindex.cgiのpost1へ値を飛ばします。
var target = 'http://www.テスト/index.cgi?template=zip.html&post1=' + document.form.p01:03.value;
エラー:オブジェクトを指定して下さい。
---------------------------------
No.1
- 回答日時:
>document.form.p01:03.value
document.form['p01:03'].value
または類似の指定方法だと どう?
http://www.tohoho-web.com/js/form.htm#elements
http://www.tohoho-web.com/js/dom.htm#getElements …
No.2ベストアンサー
- 回答日時:
問題点
(1)formにnameをつけて管理するのは非推奨
(2)さらに悪いのはformにつけた名前がズバリ「form」という予約語
であり、おそらくいろんなところで競合します。
解決策としてはformにidをふってgetElementByIdで得るか、
getElementsByTagName("form")で得たオブジェクトに番号でアクセスする。
たとえば
<form id="form1"></form>
に対しては、var f=document.getElementByTagName("form1")
としてformオブジェクトをえるか、
var fs=document.getElementByTagName("form")
var f=fs[0]
などとする。
で、今回の件はformの子供要素にたいするアクセスなので#1さんの
指摘のようにするかelements要素を使います。
(form要素をfで受けているとしたとき・・・)
f['p01:03']もしくはf.elements['p01:03']でアクセスできます
なるほど。
解決策だけでなく問題の指摘も頂けて嬉しく思います。
しかも他にもこんな方法があったなんて、、、
今後の参考になります。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
iframe内のformをサブミットす...
-
window.open同時にデータ転送
-
プルダウンメニューを動的に変...
-
Chromeの document.getElementB...
-
テキストボックスに任意のURLを...
-
正規表現で複数マッチ条件で悩...
-
ボタン2回押しを無効にしたい
-
<form action="#">の意味とは?
-
<td>の中のonClick="location" で
-
JavaScriptにて動的に配列を作...
-
背景色を変えて未入力チェック...
-
【jsp/Java】チェックボックス...
-
javascriptで画像の移動
-
selectを変更不可にしたい
-
selectを使った計算
-
セレクトメニューで選択された...
-
テキストフィールドに入力した...
-
フォームから入力すると、入力...
-
JSのボタンを複数う使うには
-
空のテーブルを表示させたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitした値を返したい
-
複数のフォームを一括で自動送...
-
iframe内のformをサブミットす...
-
別ウィンドウへのsubmitの挙動...
-
1つのページにformを2つ設置。2...
-
フォームが空欄の時にフォーム...
-
javascriptでASPにデータを渡す
-
Cookieに保存されない
-
POST時に要素を削除してからPOST
-
focus()が上手くいかない
-
submitボタン押下後、disabled...
-
1つのform内に2つのsubmitボタ...
-
FormのonsubmitでJavaスクリプ...
-
テキストエリアに入力したURLに...
-
C# 配列などの受け渡し
-
タブキーでなくエンターキーで...
-
ENTERキーを無効にしたいのです...
-
formのsubmitイベントの発生に...
-
別窓ウィンドウから親ウィンド...
-
1つのformで複数のactionをボタ...
おすすめ情報