輸入字段寬度設置爲內容

Question

所以我有這個jsfiddle。我有兩個jQuery UI插件女巫給這兩個輸入字段的值。所以用戶不需要手動編輯字段，因此它們被設置爲只讀。

現在的問題是，有沒有辦法讓我改變輸入字段的寬度取決於內容大小？在css中設置寬度爲300px左右可能適用於Septemember，但如果用戶選擇May等其他月份，則需要小於300px。

Answer 1

檢查了這一點：http://jsfiddle.net/SSBYG/30/

我所做的是計算所有的字符，然後設置寬度成果的基礎上

date.style.width = (date.value.length * 7) + "px"; 
time.style.width = (time.value.length * 7) + "px"; 

注：如果你打算使用一個很多，不只是2次，這是一個好主意，使功能

這也是有用的：jQuery count characters and add class

Answer 2

inputtext類型的html標記的size屬性旨在指定以字符表示的可見寬度。 因此

function adjust_width(element) { 
    element.size=element.value.length; 
} 
adjust_width($('#date')[0]); 
adjust_width($('#time')[0]); 

應該做的伎倆你的榜樣。