[英]Populate Bootstrap modal form fields from JSON
我有一個Bootstrap模態,可以顯示大表格(30多個輸入)。
我編寫了以下代碼來填充JSON的前幾個字段。
$('#seg-detail-modal').on('shown.bs.modal', function (e) {
var modal = $(this);
$.get( "includes/segdata.json", function( data ) {
$('#seg-detail-modal').find("input[name='segCode']").val(data.segCode);
$('#seg-detail-modal').find("input[name='orgName']").val(data.orgName);
$('#seg-detail-modal').find("input[name='referenceId']").val(data.referenceId);
});
});
有沒有比我在這里做的更有效的填充大表格的方法?
您可以僅遍歷對象屬性,然后將選擇器與該循環中的屬性匹配。
就像是:
$('#seg-detail-modal').on('shown.bs.modal', function(e) {
var $inputs = $(this).find(':input');
$.getJSON("includes/segdata.json", function(data) {
$.each(data, function(key, val) {
$inputs.filter('[name="' + key + '"]').val(val);
});
});
});
如果存在一個不匹配的屬性,則選擇器只會安靜地失敗
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.