ここから本文です

フォームの要素をClassNameで自動入力したい

アバター

ID非公開さん

2014/6/605:33:55

フォームの要素をClassNameで自動入力したい

フォームの要素をjavascriptで自動入力したいのですが、
テキストフォームにidを設定出来ない環境なので、
classは指定できるので、class名でどうにか出来ないでしょうか?

以下だとうまくいきません。

▼htmlコード
<form action="xxx.cgi" method="post" >
<input type="text" class="test">
<input type="submit" value="送信">
</form>

<script type="text/javascript">
document.getElementsByClassName("test").value = "ほげほげ";
</script>

※formのnameも指定できないので、
document.○○.test.value="";
も使えません…


どのように変更すればよいでしょうか?
宜しくお願い致します。

閲覧数:
38
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

ya_********さん

2014/6/609:22:23

getElementsByClassName()の戻り値はNodeListです。
なので、
document.getElementsByClassName("test")[0].value = "ほげほげ";
のように、リスト中の要素を指定してあげなければいけません。

>formのnameも指定できないので、
>document.○○.test.value="";
>も使えません…
document.forms[0].elements[0].value = "ほげほげ";
のようにインデックスを指定して要素を取得することもできます。

アバター

質問した人からのコメント

2014/6/6 15:32:20

成功 ありがとうございます!
見事うまくいきました!!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる