如何禁用jquery中的文本框？

Question

如果我必須在該文本框中輸入任何值並按Tab按鈕。文本框將被刪除並顯示值。像這樣$('#txt').val();

請幫我怎麼做？

Answer 1

在這裏拍攝臀部。這是你想要的？

$('input[type="text"]').blur(function() { 
    $(this).hide().after($('<span>').text($(this).val())); 
}); 

$('input[type="text"]').keydown(function (e) { 
    if (e.keyCode == 9) { 
    $(this).hide().after($('<span>').text($(this).val())); 
    } 
}); 

Answer 2

<div> 
<input type='text' id='txt'> 
</div> 

//If you don't require a tab push 
$('#txt').live('blur'){ 
    var value = $(this).val(); 
    if(value){ 
     $(this).parent().html(value); 
    }  
} 

//If you want tab only 
$('#textbox').live('keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
    e.preventDefault(); 
    var value = $(this).val(); 
    if(value){ 
     $(this).parent().html(value); 
    }  
    } 
}); 

---

正如其他人所指出的，如果你不能改變你的HTML標記以上，以符合...

$('#txt').blur(function(){ 
    $(this).hide().after($(this).val()); 
}); 

Answer 3

試試這個：

$('#txt').blur(function(){ 
    $(this).hide().after($(this).val()); 
}); 

工作示例： http://jsfiddle.net/AlienWebguy/Jdf5m/1/