<SELECT> 是一个很常用的HtmlUI交互元素,
其中它里面的可选项由<option>元素来决定
在DWR中的DWRUtil包中提供了2个Method专门用于真对
<SELECT>操作,使得<SELECT>可以很容易实现Ajax操作
这2个方法是:
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>中的元素