jQuery button click handler to fill in form fields [closed]

Question

I have this function and not quite sure how to optimize it?

 function _onReadBtnClick(ctx) {

    var data = ctx.props.data;

    // Module Window -- Form Input Values 
    $(".modal-title").text("Intranet Module");
    $("#cBalModel").modal();
    $("#mBalDate").val(data.BalanceingDate);
    $("#mStoreCode").val(data.StoreCode);
    $("#mSubmittedBy").val(data.SubmittedBy);
    $("#mCustCode").val(data.CustomerCode);
    $("#mTicketSO").val(data.Ticket_SO);
    $("#mDollarAmt").val(data.DollarAmount);
    $("#mKeyedIn").val(data.KeyInAs);
    $("#mShouldBeIn").val(data.ShouldBe);
    $("#mAdditionalInfo").val(data.AdditionalInfo);
};

Answer 1

If you can make sure that the fields' IDs have same names like the props, then you can do something like:

Object.keys(data).forEach(function(key) {
    $("#"+key).val(obj[key]);
});