layer.open弹出层下拉框select失效

弹出层的下拉框不起作用如下：

layer.open({
	type: 1,
	anim:2,
	title:'编辑修改',
	area:['400px','550px'],
	btn:['保存','关闭'],
	content: 
		'<form class="layui-form" id="content_data" >' +
	    '	<div class="layui-form-item">\n' +
	    '   	<label class="layui-form-label">状态:</label>\n' +
	    '       <div class="layui-input-block">\n' +
	    '       	<select name="state" id="states" >\n' +
	    '           	<option value="0">状态0</option>\n' +
	    '               <option value="1">状态1</option>\n' +
	    '               <option value="2">状态2</option>\n' +
	    '           </select>' +
	    '    	</div>\n' +
	    '	</div>' +
	    '</form>',
	success: function (){
	    // 方法一 动态选中select 的option 的selected
	    var $key = $.inArray(data.state, $arrstate);
	    $('select#states option[value='+$key +']').prop("selected",true);
	
	    // 方法二 动态选中select 的option 的selected
	    // $("#states").find("option").each(function() {
	    //     if ($(this).text() == data.state) {
	    //         $(this).attr("selected", true);
	    //     } else {
	    //         $(this).attr("selected", false);
	    //     }
	    // });
	},
	yes: function(index, layero){
	    var $data = $("#content_data").serialize();
	    $.ajax({
	        url: $posturl,              		//指向URL名称
	        type: 'POST',                       //页面传值类型
	        data: $data,                        //提交数据，以字典的形式
	        success: function (e) {             //提交数据成功后的处理函数，e是返回的值
	            if (e == 200) {
	                layer.msg("修改成功", {icon: 6, time: 800},function () {
	                    parent.location.reload();   //刷新父页面
	                });
	            } else {
	                layer.msg("修改失败");
	            }
	        },
	    });
	
	}
	});

弹出如下

没有任何的样式
去查阅了一些资料，发现用弹出层时要重新渲染一下，于是我就在success加上了更新渲染：

  success: function (){
  
      form.render();  //更新渲染表单
  },

这样就搞定了