Динамически получить новое добавленное значение текстового поля

Попробуйте добавить класс к входам, а затем получить их по className (поскольку по имени тега у вас могут быть другие входы) и перебрать каждый из них, чтобы получить значения.

<input class='my-input' name = "JobProperty[${i}][job_property]"> используйте этот код, чтобы добавить новый вход

var inputs = document.getElementsByClassName('my-input');

Array.from(inputs).forEach(function(element) {
  console.info(element.value);
});

//or

Array.prototype.forEach.call(inputs, function(element) {
    console.info(element.value);
});

Вы можете попробовать:

let i = 2;

function createJobProperty() {
    let template = `
    <p>
        <label>Job Property</label><br>
        <input name = "JobProperty[` + i + `][job_property]">
    </p>`;

    let container = document.getElementById('job-container');
    let div = document.createElement('div');
    div.innerHTML = template;
    container.appendChild(div);

    let input = container.querySelector("input[name='JobProperty["+i+"][job_property]']");
    // do what ever you want with the input

    definedLength=i;
    i++;
}