selectpage联动动态修改data-params参数
添加页面代码:
<script id="basictpl" type="text/html">
<tr >
<td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][country_id]" data-source="country/selectpage" data-params='{"custom[level]":"2"}' class="form-control selectpage country_id" id="country_id<%=index%>" data-index="<%=index%>" value="<%=row.country_id%>" placeholder=""/></div></td>
<td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][province_id]" class="form-control province_id selectpage" data-source="country/selectpage" id="province_id<%=index%>" data-index="<%=index%>" value="<%=row.province_id%>" placeholder=""/></div></td>
<td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][zipcode_start]" class="form-control" value="<%=row.zipcode_start%>" placeholder=""/></div></td>
<td><div class="sp_container form-rule" style="width: 100%;"><input type="text" name="<%=name%>[<%=index%>][zipcode_end]" class="form-control" value="<%=row.zipcode_end%>" placeholder=""/></div></td>
<td>
<!--下面的两个按钮务必保留-->
<span class="btn btn-sm btn-danger btn-remove"><i class="fa fa-times"></i></span>
</td>
</tr>
</script>
js代码:
$(document).on("fa.event.appendfieldlist", ".btn-append", function(e,obj){
Form.events.selectpage($("#first-table"));
$('.country_id', obj).change(function(){
var index = $(this).data('index');
$('#province_id'+index+'_text').val('');
$("#province_id").val('');
$("#province_id"+index+"_text").selectPageClear();
$("#province_id"+index+'_text').data('selectPageObject').option.params = function () {
return {"custom[level]":"3","custom[pid]":$('#country_id'+index).val()};
};
});
});