dwr.util.addOptions方法的使用
?
网页开发中DWR框架对select下拉列表提供了很好的支持,使用 dwr.util.addOptions():用于添加列表项 dwr.util.removeAllOptions(id):用于删除列表中的所有项 以下代码演示了removeAllOptions和addOptions方法的使用 jsp代码如下: scripttype=text/javascrip网页开发中DWR框架对 select 下拉列表提供了很好的支持,使用dwr.util.addOptions():用于添加列表项dwr.util.removeAllOptions(id):用于删除列表中的所有项以下代码演示了 removeAllOptions 和 addOptions方法的使用jsp 代码如下: <script type='text/javascript'src='/javacb/dwr/util.js'/> <script type="text/javascript"> // 往下拉列表项增加元素 function addCity(){ var array = ["北京","上海","广州","深圳"]; //把数组元素的值添加到ID 为‘city’的下拉列表中,city 的text 和 //value 值相同 dwr.util.addOptions("city",array); }// 移除所有下拉列表项 function clearCity(){ dwr.util.removeAllOptions("sel"); } </script> 城市:<select id="city"></select> <input type="button" value="添加城市" onclick="addCity()"> 如果指定select 元素的 text 和 value 则可以修改脚本代码,修改后的javaScript 代码如下:<script type='text/javascript'src='/javacb/dwr/util.js'/><script type="text/javascript"> // 往下拉列表项增加元素 function addCity(){ var array = [ {name:"北京",id:1}, {name:"上海",id:2}, {name:"广州",id:3}, {name:"深圳",id:4} ]; // 设置数组的 name 为 text ,id 为value dwr.util.addOptions("city",array,"id","name"); }</script>
?
?