DWR中對元素的操作

<SELECT> 是一個很常用的HtmlUI互動元素，
其中它裡面的可選項由<option>元素來決定
在DWR中的DWRUtil包中提供了２個Method專門用於真對
<SELECT>操作，使得<SELECT>可以很容易實現Ajax操作
這２個方法是：
DWRUtil.removeAllOptions(p1);//p1 is select element id
DWRUtil.addOptions(p1, p2);//p1 is select element id,p2 is int or string arrays

舉個例子：
頁面元素
<checkBox id="bigselect" onclick="update()" ></checkBox>
 <SELECT id="numlist"></SELECT>
 
function update()
{
    Demo.getNumbers(createList, $("bigselect").checked);
}

//回呼函數
function createList(data)
{
    DWRUtil.removeAllOptions("numlist");
    DWRUtil.addOptions("numlist", data);
}

 

Demo.java中編寫：
public int[] getNumbers(boolean big)
{
    if (big)
    {
        return new int[] { 1000, 2000, 3000, 4000 };
    }
    else
    {
        return new int[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
    }
}

這樣就可以很簡單的替換原<SELECT>中的元素