JSONのブートストラップ・モーダル・フォーム・フィールドへの入力

Question

大きなフォーム（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); 
    }); 

}); 

私がここでやっているよりも大きなフォームをより効率的に埋め込む方法はありますか？

Answer 1

オブジェクトのプロパティを繰り返し処理して、セレクタをそのループ内のプロパティにすることができます。

ような何か：

$('#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); 
    }); 
    }); 
}); 

プロパティは、それが一致していないセレクタはただ静かに

を失敗しますが存在する場合