Ajax轮询 select循环输出

弹出层

<include file="Pub:header"/>
<style>
.del{color:red}
.addname{color:#337ab7}
</style>
	<div class="col-lg-12">
		<div class="panel panel-default">

                        <!-- /.panel-heading -->
                        <div class="panel-body">
			<div class="table-responsive">
		<table id="table" class="table table-striped table-bordered table-hover">
			<thead>
			<tr>
																		<th>款项名目</th>
																		<th>操作</th>
																</tr>
															</thead>
															<tbody>
																<volist name="list" id="vo">
																<tr class="option">
																		<td>{$vo.name}</td>
																		<td><a class="del" role="button" onclick="del({$vo.id})">删除</a></td>
																</tr>
																</volist>
															</tbody>
															<tr><td colspan="2" ><a class="addname" href="javacript:void(0);">添加...</a></td>
															</tr>
														</table>
													</div>
                            <!-- /.table-responsive -->
                        </div>
                        <!-- /.panel-body -->
                    </div>
	</div>
<include file="Pub:footer"/>
<script>
<!-- 添加款项名目 -->
$(".addname").on("click",function(){

  layer.prompt({title: '添加款项名目', formType: 0}, function(text, index){
  layer.close(index);
  	$.post("{:U('Contracts/setmoneyname')}",{"name":text},function(json){
			layer.close(index);
			if(json.status = 1){
				 layer.msg('您成功添加了款项名目：'+ text );
				 window.location.reload();

			}else{
				layer.msg(json.info);
			}
		});

});
});

<!-- 删除款项名目 -->
function del(id){

      $option = $(this).parents('.option');
    	var index = layer.load(1, {
		  shade: [0.1,'#fff'] //0.1透明度的白色背景
		});

		$.post("{:U('Contracts/delmoneyname')}",{"id":id},function(json){
			layer.close(index);
			if(json.status = 1){
				layer.msg('您成功删除了款项名目' );
				$option.remove();
				 window.location.reload();  //刷新窗口

			}else{
				layer.msg(json.info);
			}
		});
}

//表单提交
_close = parent.layer.getFrameIndex(window.name)

//关闭iframe
$("#frameclose").on('click',function(){
	parent.layer.close(_close);
});
$("[name='is_public']").on('change',function(){
	$is_public = $(this).val();
	if($is_public == 1 || $is_public == 2){
		$("[name='customer_id']").parent().parent().slideUp();
	}else{
		$("[name='customer_id']").parent().parent().slideDown();
	}
});
</script>

　　父页面轮询输出

<!-- 添加款项名目 -->
$("body").on("change",".addname",function(){
 if($("option:selected",this).val()== 1000){
 layer.open({
  type: 2,
  title: '编辑款项名目',
  skin: 'layui-layer-rim', //加上边框
  area: ['30%', '70%'], //宽高
  content: '{:U("Contracts/setmoneyname")}'
});
 }
});

<!-- 实时刷新款项名目 -->
$(window).on('load', function () {

window.setInterval(function(){$.ajax({    //5秒刷新一次
   type: "POST",
   url: '/index.php?m=User&c=Contracts&a=moneylist',
   success: function(data){
                var rest = data.info;
                var string = '';
                $addname = $("body").find(".addname");
                for (var i = 0; i < rest.length; i++) {
                     var oname = rest[i].name;
                     var oid = rest[i].id;
                     string +="<option value='"+oid+"'>"+oname+"</option>";  //循环每一条
                }
            string +="<option value='1000' style='color:#337ab7'>编辑款项名目...</option>";    //将循环的每条加在上一条后面
            $addname.each(function(){
            $addname.html(string);     //输出所有option  不好的地方是每次刷新，如果选中了就会被刷新掉selected
            });
   }
})},5000);

 });

/*
$(window).on('load', function () {
$("body").find(".addname").each(function(){
var nameid = $(".addname").find("option:selected").val();
alert(nameid);
window.setInterval(function(){$.ajax({
   type: "POST",
   url: '/index.php?m=User&c=Contracts&a=moneylist',
   success: function(data){
                var rest = data.info;
                var string = '';
                $addname = $("body").find(".addname");
                for (var i = 0; i < rest.length; i++) {
                     var oname = rest[i].name;
                     var oid = rest[i].id;
                     string +="<option value='"+oid+"'>"+oname+"</option>";
                }
            string +="<option value='1000' style='color:#337ab7'>编辑款项名目...</option>";
            $addname.each(function(){
            $addname.html(string);
            $addname.find("option[value='"+nameid+"']").attr("selected","selected");
            });

   }
})},5000);

});

 });*/