2011-01-04 16 views
0

AMマイページに2つのボタンを使用しています。追加と削除 [追加]を押すと、テキストボックスの行とリストボックスを追加する必要があります。 削除は、前の操作を取り消すために使用します。私が使用しているコードがあるリストボックスを追加する

var cellRight = row.insertCell(5); 

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

el.setAttribute('type', 'text'); 

el.setAttribute('name', 'txtRow'); 

el.setAttribute('size', '15'); 

cellRight.appendChild(el); 

私は、テキストボックスを使用する場合、これはうまく動作します。リストボックス

var cellRight = row.insertCell(6); 

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

el.setAttribute('type', 'select'); 

el.setAttribute('size', '15'); 

el.setAttribute('method','onclick'); 

cellRight.appendChild(el); 

を追加するには、私はこのコードを書いたが、私は、リストボックスの代わりに「追加」ボタン、専用のテキストボックスを押したとき。 私のコードは正しいですか?

答えて

1

<input type="select">はありません。 select要素を作成し、optionサブ要素を追加する必要があります。おそらく、これらの線に沿って

何か:

var el = document.createElement('select'); 
el.setAttribute('name', 'txtRow'); 
el.setAttribute('size', '15'); 

var label = document.createTextNode('item1label'); 
var opt = document.createElement('option'); 
opt.setAttribute('value', 'item1value'); 
opt.appendChild(label); 
el.appendChild(opt); 

cellRight.appendChild(el); 

メーリングリストへ、ドライ符号化され、注意してください。

+0

また、JSライブラリを使用すると、これが簡単になることに言及する価値があります。たとえば、jQuery、Prototype、MooToolsなどです。 –

関連する問題