Jquery 动态增加option及获取值 遍历option相关方法

HTML：

<select id="types" name="types" lay-verify="required" placeholder="所有检查类别">
    <option value="">所有检查类别</option>
</select>

JS调用Ajax获取json数据并渲染：

window.onload = function() {
    //声明form
    var form;
    layui.use('laydate', function(){
         form = layui.form;
    });

    //获取json数据，在select中显示
    $.ajax({
        url: 'url', //表示发送请求的路径
        type: 'get', //http请求方式
        async: false, //同步请求，将锁住浏览器，用户其他操作必须等待请求完成才可以执行
        dataType: 'json', //服务器返回json数据
        error: function(){
            alert("系统忙，请稍后再试！");
            return false;
        },

        //请求成功后的回调函数，由服务器返回，并根据dataType参数进行处理后的数据；描述状态的字符串
        success:function(data){
            var result = data.data;
            if (result.length > 0) {
                for(var i = 0; i < result.length; i++){
                    $("#types").append("<option value='"+i+"'>"+result[i].types+"</option>");//新增
                }
                form.render('select'); //刷新select选择框渲染
            }
       }
   });
}

JSON数据：

{
	"code": 0
	,"msg": ""
	,"count": 12
	,"data": [
		{
			,"types": "CT"
		}
}