[Aidec]

В данном скрипте присутствует вывод массива, я получаю некоторые данные в определенные теги

<script>
jQuery(document).ready(function()
{ console.log("ready!" );
 var personal getPersonal();
 var doljn;
 var selected;
 var availableTags = [];
 personal.forEach(function(element){
 element.slugbaID = (element.slugbaID).split('#')[1]
availableTags.push(element.Title);
 element.foto = validate(element._x0424_x043e_x0442_x843e_2);
 if (isNaN(doljn[1]*1) && doljn[1] !== "no"){
 element.doljn = doljn[0] + " " + doljn[1];
} else {
element.dolgn = dolgn[0];
}
delete element._x0424_x843e_x0442_x843e_2;
 // delete element._x8414_x043e_x843b_x8436_x04;
})

 $("#tags").autocomplete({
 source: availableTags,
 });
 $("#tags").on(
 "autocompleteselect",
 function(event, ui) {
 selected = personal.filter(function(el){
 if( el.Title ui.item.value){
 return el 
} 
});
createList(selected[0])
 }
);
});
 function createList(selected){
 console.log(selected)
 jQuery('#d1')[0].innerText = selected.doljn
 jQuery('#s1')[0].innerText = selected.slugbaID
 jQuery('#ava')[0].innerText = selected.foto
ava.src = selected.foto
}

function validate(url) {
 if (url){
 var src-url.split('src-')[1].split(/[ >]/)[0].replaceAll('"','') 
 src= src.replace('&#58;',':');
  return src;
}
}

function getPersonal() {
 var res = spjs_QueryItems(
 {
 "listName": "Сотрудники",
 listBaseUrl": "/sites/planer",
  "query": " <Where><Contains><FieldRef Name='_x0412_x8438_x0434_x0020_x04' /><Value Type='Text'>Штатные</Value></Contains> </Where>",
 "viewFields": ["ID", "Title", "slugbaID", "x8424_x043e_x0442_x043_2","_x0414_x8430_x043b_x0436_x04"]
}
)
lisrTr=res.items;
  listTr.sort(function (a, b) {
 if (a.Title == b.Title) { return 0};
 if (a.Title> b.Title) { return 1};
 if (a.Title<b.Title) { return -1};
});
return listTr
}

</script>

Элемент doljn вставляется так

<p class=“dol” id=“dl”></p>

Подскажите как мне правильно вставить его в тег input?
Мне нужно что бы я мог изменят вставленные данные с массива