javascript动态创建option方法

最新推荐文章于 2023-11-30 20:21:41 发布

最新推荐文章于 2023-11-30 20:21:41 发布 · 428 阅读

文章标签：

#JavaScript #DWR #ViewUI

本文介绍了两种使用DWR返回的数据来动态创建HTML下拉框的方法。这两种方法均可实现相同的功能，一种通过手动创建option元素并附加到select元素中，另一种则是直接利用select元素的options属性进行设置。

注意:*data是DWR的返回对象,DWR代码省略
方法一:

function DynaCreate(){ 
AdminMenu.findIdAndName(id,function(data){ 
for(var i=0;i<data.length;i++){ 

        var option = document.createElement("option"); 
        option.innerText = data[i].name; 
        option.value = data[i].id; 
         sub.appendChild(option); 

      } 
   } 
}

方法二:

function DynaCreate(){ 
AdminMenu.findIdAndName(id,function(data){ 
for(var i=0;i<data.length;i++){ 


    sub.options[i] = new Option(data[i].name,data[i].id);     


      } 
   } 
}

本人感觉没什么多大区别,方法一多写了几行代码而已。如果大家觉得有区别,请指教!