前端 form select js处理

转载于 2019-03-25 17:12:00 发布 · 325 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/leolzi/p/10594915.html

文章标签：

#前端 #ViewUI

本文介绍了一个使用jQuery实现的JavaScript函数，该函数用于根据提供的数据动态初始化HTML页面上的选择框（下拉列表）。当数据为空时，函数将不执行任何操作。

1.代码如下

        function initializeSelect(data) {
            var area = $("#ServiceName");
            area.find("option").remove();

            if(data.length==0){
                return;
            }
            $.each(data,function(i,v){
                
                var option = $( '<option value="' + v.value + '">' + v.name + '</option>');
                $("#ServiceName").append(option);
        
            });
        }