Как загладить первую букву каждого слова в текстовых полях только для чтения, используя jquery

Question

У меня есть текстовое поле, в котором мы можем ввести какой-либо текст, на основе ввода появляется несколько текстовых полей, которые только для чтения и заполняются данными.

Данные в этих полях не входят в заголовок, пожалуйста, предложите, как я могу преобразовать эти данные в заголовок, используя только jquery.

Задача здесь состоит в том, что заполненные текстовые поля считываются, следовательно, не могут использовать какое-либо событие, например, onfocus, keyup, keydown, keypress.

Когда я использую 'load', тогда при загрузке страницы без данных появляются текстовые поля.

Answer 1

Если вы хотите текст в верхнем регистре вы можете сделать:

$("#yourTextBoxId").val().toUpperCase(); 

Answer 2

Вот plunker

https://plnkr.co/edit/3tRw13KQ2HgpfwX7dJPx?p=preview

function titleCase(str) { 
    var splitStr = str.toLowerCase().split(' '); 
    for (var i = 0; i < splitStr.length; i++) { 
     // You do not need to check if i is larger than splitStr length, as your for does that for you 
     // Assign it back to the array 
     splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);  
    } 
    // Directly return the joined string 
    return splitStr.join(' '); 
} 


    $('#writtable').on('change',function(e){ 
    $('#pepe').val(titleCase($('#writtable').val())); 
    }) 

Основная идея им получить ввод текста и на событии изменения, обновляющем входные данные только на другом. Надеюсь, это поможет