Geckoエンジン系ブラウザ(Netscape, Firefox)でformタグの中に要素を追加し、送信するデータの要素を増やしたいと思います。しかし、document.createElement('input')では要素の作成まではできますが、name属性を付加することができず、送信データを増やすことができません。

よい方法を教えてください。

回答の条件
  • 1人3回まで
  • 登録:2006/06/19 14:11:50
  • 終了:2006/06/19 14:38:38

ベストアンサー

id:lains_you No.1

lains_you回答回数50ベストアンサー獲得回数102006/06/19 14:28:27

ポイント60pt

 document.createElement('input')で作成した要素に対して、

setAttributeメソッドでname属性を付加してあげれば良いの

ではないでしょうか?

 以下、Firefoxにて試したサンプルです。

 追加ボタンが押下されるたび、input要素を追加しています。


<html>

<head>

<title>

</title>

<script type="text/javascript">

var cnt = 1;

function add(){

var form = document.getElementById("form");

var input = document.createElement('input');

input.setAttribute("name","input" + cnt);

form.appendChild(input);

cnt++;

}

</script>

</head>

<body>

<button onclick="add();">追加</button>

<form id="form" action="GET">

<input type="submit" value="ok">

</form>

</body>

</html>

id:kompiro

回答ありがとうございます。

setAttribute()でidを指定していたのですが、

DOMインスペクタで見てみると、name属性へ指定されていたため誤動作していたようです。

2006/06/19 14:37:21

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません