javascript 增加表單中select的option

2008-12-21

利用javascript增加form中select的option

其實不會很難(爆)

這是js的部份

function add_option()
{
//先用getElementById取得select的id
var s = document.getElementById('go');
//這兩個可以用其他方式取得,端看怎麼使用
var t = document.getElementById('t').value;
var v = document.getElementById('v').value;
var ori_count = s.length;
//其實重點只有下面這兩行XD
var new_option = new Option(t,v);
s.options.add(new_option);
var new_count = s.length;
//這邊只是要驗證是不是有增加成功
//新的option個數會比原本的個數多
if( new_count > ori_count )
alert('新增成功');
else
alert('新增失敗');
}

這是html的部份



值:
文字:

這裡可以看範例

我是配合ajax來使用這個功能

good~