如何使用jquery在只讀文本框中的每個單詞的首字母大寫

Question

我有一個文本框，我們可以輸入一些文本，根據輸入幾個文本框出現只讀和預填充數據。

這些字段中的數據不是標題大小寫，請建議如何使用jQuery將標題大小寫轉換爲數據。

這裏面臨的挑戰是，填充文本框是隻讀的，因此無法使用像onfocus，keyup，keydown，keypress等任何事件。

當我使用'加載'時，文本框出現在加載頁面時沒有數據。

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())); 
    }) 

基本思路是即時得到一個文本的輸入和在更改事件上更新輸入只讀在另一個上。希望它有幫助