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的部份

<select name="go" id="go">
<option value="">請選擇</option>
<option value="apple" selected>蘋果</option>
<option value="banana" >香蕉</option>
</select>
<br />
值:<input type="text" name="v" id="v"><br />
文字:<input type="text" name="t" id="t"><br />
<input type="button" onclick="add_option()" value="新增option">

這裡可以看範例

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

good~

發表迴響

彙整

分類