DWR 实现 Select 的 Ajax 操作-优快云博客

本文介绍如何使用 DWR (Direct Web Remoting) 中的 DWRUtil 包来轻松实现 HTML <SELECT> 元素的 Ajax 操作。通过两个方法：removeAllOptions 和 addOptions，可以动态更新 <SELECT> 下拉列表的内容，实现数据的异步加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>中的元素