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>