数组: DWRUtil.addOptions(selectid, array) 会创建一堆option，每个option的文字和值都是数组元素中的值。
对象数组 (指定text): DWRUtil.addOptions(selectid, data, prop) 用每个数组元素创造一个option，option的值和文字都是在prop中指定的对象的属性。
对象数组 (指定text和value值): DWRUtil.addOptions(selectid, array, valueprop, textprop) 用每个数组元素创造一个option，option的值是对象的valueprop属性，option的文字是对象的textprop属性。
对象: DWRUtil.addOptions(selectid, map, reverse)用每个属性创建一个option。对象属性名用来作为option的值，对象属性值用来作为属性的文字，这听上去有些不对。但是事实上却是正确的方式。如果reverse参数被设置为true，那么对象属性值用来作为选项的值。
对象的Map: DWRUtil.addOptions(selectid, map, valueprop, textprop) 用map中的每一个对象创建一个option。用对象的valueprop属性做为option的value，用对象的textprop属性做为 option的文字。
ol 或 ul 列表: DWRUtil.addOptions(ulid, array) 用数组中的元素创建一堆li元素，他们的innerHTML是数组元素中的值。这种模式可以用来创建ul和ol列表。
创建列表
DWR通常需要填充一个列表框，主要是addOptions和removeAllOptions方法。如果当你更新时需要维护列表，通常需要如下代码：
var sel = DWRUtil.getValue(id);DWRUtil.removeAllOptions(id);DWRUtil.addOptions(id, ...);DWRUtil.setValue(id, sel);
DWRUtil.addOptions(selectid,array)
数组的每一个元素的字符串表示值和文本，值和文本属性是一样的。
DWRUtil.addOptions( "demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe' ])
DWRUtil.addOptions(selectid, data, prop)
数组的每一个元素是一个对象，prop表示值和文本对应的属性名称，这里值和文本属性是一样的。
DWRUtil.addOptions( "demo1",[ { name:'Africa', population:'800m' }, { name:'America', population:'900m' }, { name:'Asia', population:'3000m' }, { name:'Australasia', population:'31m' }, { name:'Europe', population:'700m' }],"name")
DWRUtil.addOptions(selectid, array, valueprop, textprop)
数组的每一个元素是一个对象，其valueprop和textprop属性表示值和文本对应的属性名称。
DWRUtil.addOptions( "demo1",[ { name:'Africa', id:'AF' }, { name:'America', id:'AM' }, { name:'Asia', id:'AS' }, { name:'Australasia', id:'AU' }, { name:'Europe', id:'EU' }],"id","name")
DWRUtil.addOptions(selectid, map, reverse)
MAP的每一个属性键表示属性值，属性值表示文本，如果reverse属性为true，那么属性键表示文本，属性值表示值。
DWRUtil.addOptions( "demo1",{ AF:'Africa', AM:'America', AS:'Asia', AU:'Australasia', EU:'Europe'})
DWRUtil.addOptions(selectid, map, valueprop, textprop)
Map中的一个对象表示一个入口，其valueprop和textprop属性表示值和文本对应的属性名称。
DWRUtil.addOptions(ulid, array)
分享到：
相关推荐
DWRUtil.addOptions("selectElementId", [ ["optionValue1", "Option Text 1"], ["optionValue2", "Option Text 2"] ]); ``` 在上述示例中，`"selectElementId"` 是需要填充的下拉框的ID，`[ ["optionValue1", ...
`DWRUtil.addOptions()` - **功能**: 添加 `select` 元素的 `option` 子元素。 - **格式**: `DWRUtil.addOption(id, items)` 或 `DWRUtil.addOption(id, items, valueProp, textProp);` - **参数**: - 第一个参数...
* 高级对象数组：`DWRUtil.addOptions("demo3", [{ name: 'Africa', id: 1 }, { name: 'America', id: 2 }] );` 3. addRows 和 removeAllRows 函数 addRows 函数用于填充表格，removeAllRows 函数用于清空表格。 ...
- `DWRUtil.addOptions('addOptionsObject1', arrayObject, "name")` 和 `DWRUtil.addOptions('addOptionsObject1', arrayObject, "name", "value")`：这两个方法用于将对象数组`arrayObject`中的元素添加到下拉...
- **语法**：`DWRUtil.addOptions(selectId, items, valueProp, textProp)` - **参数**： - `selectId`：`<select>`元素的ID。 - `items`：要添加的选项列表。 - `valueProp`：选项值的属性名，默认为`value`。 ...
* 简单数组方式：DWRUtil.addOptions("demo1", ['Africa', 'America', 'Asia', 'Australasia', 'Europe']); * 简单对象数组方式：DWRUtil.addOptions("demo2", array, 'id', 'name');其中array为一个对象数组，'id'...
- 当传递对象数组时，可以通过指定属性名来决定显示的文本和对应的值，例如`DWRUtil.addOptions('addOptionsObject1', arrayObject, "name")`。 - 映射对象也可以用于添加选项，如`DWRUtil.addOptions('...
- **对象数组形式**：`DWRUtil.addOptions(selectId, data, prop)`，其中`data`为包含text和value的对象数组，`prop`指定如何映射text和value。 - **不同text和value的对象数组**：`DWRUtil.addOptions(selectId, ...
- `DWRUtil.addOptions(element, options, labelField, valueField)`：向指定元素添加选项。其中，`element`为下拉菜单元素对象，`options`是包含选项的数据源，`labelField`和`valueField`分别表示显示的文本和值...
* DWRUtil.addOptions 函数可以添加选项，有五种方式：Simple Array Example、Simple Object Array Example、Advanced Object Array Example、Map Example 等。 * 在使用 DWRUtil.addOptions 函数时，需要指定要显示...
7. **`DWRUtil.addOptions()`**：这是一个非常有用的方法，用于向`<select>`元素动态添加选项。这对于创建可更新的下拉列表非常有用，可以在不刷新整个页面的情况下更新数据。 DWR使得前后端之间的交互变得更加简单...
5. **更新下拉菜单**：当服务器返回新数据后，使用DWR的`DWRUtil.removeAllOptions`清除现有选项，再用`DWRUtil.addOptions`添加新数据到下拉菜单。这样，菜单就能实时更新了。 6. **错误处理**：别忘了处理可能...
DWRUtil.addOptions("province", result); } function citySelect() { slt.selectCity(DWRUtil.getValue("province"), cityUtil); } function cityUtil(data) { var result = data.split(","); DWRUtil....
`populate`函数则负责清除下拉菜单`opts`中的现有选项，并使用`DWRUtil.addOptions`方法将从服务器获取的数据添加到下拉菜单中，从而实现了动态填充下拉菜单的功能。 #### 连动下拉框实例 文档进一步探讨了如何...
最后，文档提及了DWR库中的`DWRUtil.addOptions`方法，用于给下拉列表填充元素： ```javascript DWRUtil.addOptions("xx", p); // xx为下拉列表id，p为Map对象 ``` 在这里，`addOptions`方法将一个Map对象`p`中的...