で質問している内容で
テキストボックスを追加すると
今まで入力していた内容が
消されてしまいます。
これを追加するときに入力された値を
表示したまま追加するには
どうしたらいいのでしょうか？
No.1
40
3
10pt
CSS（クロスサイトスクリプト）を考慮していないからではないでしょうか？
IEとFireFoxでは、同じスクリプトで両方動かないものがあるはずです。（昔の記憶なのであいまいですが、IEとNN（ネットスケープ）で、それぞれのソースを記述したりすることが必要でした）
No.2
516
60pt
スクラッチで書き直してみました。
以下は、IE6とFF2 for xpでのみ確認しています。
<script language="JavaScript" type="text/javascript">
<!--
function TextBoxArea(id){
this.IDNumber = 0;
this.id = id;
return this;
}
TextBoxArea.prototype = {
add: function AddTextBox(){
var obj = document.getElementById(this.id);
var basename = this.id + this.IDNumber;
var panel = document.createElement("div");
panel.innerHTML=
'<input name="'+basename+'" type="text" />' +
'<input name="caller'+basename+'" type="radio" />' +
'テスト完了' +
'<input name="ok'+basename+'" type="radio" />' +
'日本語完了';
obj.appendChild(panel);
this.IDNumber++;
},
remove: function RemoveTextBox() {
var obj = document.getElementById(this.id);
if(obj.lastChild){
obj.removeChild(obj.lastChild);
}
}
}
var textArea = new TextBoxArea('test');
// -->
</script>
<body>
<form>
<table border="1">
<tr>
<td>テスト項目</td>
<td><input type=button value=" add " onClick="textArea.add();"></td>
<td id ="test9_a"><input type=button value=" del " onClick="textArea.remove();"></td>
<td id ="test"></td>
</tr>
</table>
</form>
</body>
※ appendChildでradioボタンを追加するとWinIE5,6では選択できなくなる、という問題があるようです。そのため、innerHTML と appendChild を組み合わせる必要があります。
http://www.google.co.jp/search?hl=ja&rlz=1T4GGLJ_jaJP173JP17...
うまくいかなかったコード・・・。念のため。
280
275
add: function AddTextBox(){
var obj = document.getElementById(this.id);
var panel = document.createElement("div");
var elem;
var basename = this.id + this.IDNumber;
elem = document.createElement("input");
elem.setAttribute("name", basename);
elem.setAttribute("type", "text");
panel.appendChild(elem);
elem = document.createElement("input");
elem.setAttribute("name", "caller" + basename);
elem.setAttribute("type", "radio");
panel.appendChild(elem);
panel.appendChild(document.createTextNode("テスト完了"));
elem = document.createElement("input");
elem.setAttribute("type", "radio");
elem.setAttribute("name", "ok" + basename);
panel.appendChild(elem);
panel.appendChild(document.createTextNode("日本語完了"));
obj.appendChild(panel);
this.IDNumber++;
}
Kenju
2007/06/20 13:05:36
2
1
1
1
6
1
openseed
hopefully
なるほどですw
今、FireFoxでやったのですが
追加する際にテーブルの中から
はみだしてしまいます。
削除するとテーブルの中に収まるのですが
追加したらテーブル内で収まるように
出来ますか？