簡體   English   中英

從JSON填充Bootstrap模態表單字段

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM