DWR中对元素的操作

<SELECT> 是一个很常用的HtmlUI交互元素，
其中它里面的可选项由<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>中的元素