人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: kompiro
●カテゴリ:コンピュータ インターネット
✍キーワード:firefox Gecko name Netscape エンジン
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● lains_you
●60ポイント ベストアンサー

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>

◎質問者からの返答

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ