work with JSON object

populate select dropdown from json, after select option then populate input fields by name property

by slawe

HTML

<select id="down">
    <option value="">select</option>
</select>

<form id="MyForm">
    <input type="text" name="lenderCompany"/>
    <textarea name="lenderCity"></textarea>
		<select name="lenderState">
    	<option value="">select</option>
    	<option value="GA">GANA</option>
    	<option value="CT">CT_SOME</option>
    	<option value="AE">AE_SOME</option>
    	<option value="DC">DO_CO</option>
		</select>
</form>

JavaScript

var temp = [{"id":2,"lenderCompany":"Gorgonzola","lenderStreet":"Gazivode 87","lenderCity":"Bristol","lenderState":"AE","lenderZip":"55871","lenderPhone":"0653211234"},{"id":4,"lenderCompany":"wwwwww","lenderStreet":"wwww","lenderCity":"www","lenderState":"DC","lenderZip":"98000","lenderPhone":"0621144777"},{"id":1,"lenderCompany":"JA aka TESTER","lenderStreet":"Matuzici bb","lenderCity":"Donji Zabari","lenderState":"GA","lenderZip":"43000","lenderPhone":"0661234567"},{"id":3,"lenderCompany":"bbbbbb","lenderStreet":"aaaa","lenderCity":"ccccc","lenderState":"FL","lenderZip":"65432","lenderPhone":"00000000000"},{"id":5,"lenderCompany":"qqqqq","lenderStreet":"qqqq","lenderCity":"qqqqq","lenderState":"CT","lenderZip":"11000","lenderPhone":"0621144777"},{"id":6,"lenderCompany":"dddd","lenderStreet":"dddd","lenderCity":"dddd","lenderState":"CT","lenderZip":"55871","lenderPhone":"0653211234"}];

var $select = $('#down'); 
 //$select.find('option').remove();  
$.each(temp,function(key, data) 
{
    $select.append('<option value=' + data.id + '>' + data.lenderCompany + '</option>');
});
$select.change(function() {
	var lhId = parseInt($(this).val());
	var item = temp.find(item => item.id === lhId);
    console.log(lhId);
    console.log(item);
		populate('#MyForm', item);
});

function populate(frm, data) {
  $.each(data, function(key, value){
    $('[name='+key+']', frm).val(value);
  });
}