Javascript 如何在jquery中禁用文本框？

如果我必须在文本框中输入任何值，然后按tab按钮。文本框将被删除，并且应显示值。像这样

$（'#txt'）.val（）

请帮我怎么办
 试试这个：

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

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

工作示例：
此处从臀部射击。这就是你要找的吗

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

$（'input[type=“text”]）.blur（函数（）{
$（this.hide（）.after（$（''）.text（$（this.val（）））；
});
$（'input[type=“text”]”）。向下键（函数（e）{
如果（e.keyCode==9）{
$（this.hide（）.after（$（''）.text（$（this.val（）））；
}
});
这很危险。如果他在同一个容器中有多个表单字段，它们都将被您的解决方案删除：）Hens为什么我显示了div结构…应该有一个div来包装它，以使它更容易。。。。规划HTML有时和jQuery代码一样重要。我想说的是，您的解决方案迫使OP遵守DOM。你不知道他的状态是什么样子，所以你不能假设他能够改变整个结构。是的，但也许他也没有问题。。。我也喜欢你的方式…但炸鱼的方式不止一种。我的大脑立即转向了这个方法，因为我有一些最近的脚本，我可以点击它们创建一个表单元素，然后更改，然后模糊，然后自动保存。。。谢谢你的评分……表明你对社区的努力有很好的感觉！；）晚上好。呵呵，如果我把它贡献给其他人的回复，那就不是偷窃（你在我的帖子上建议把它作为格式的改变）。。。我可能应该参考其他人的答案，因为它实际上考虑了tab键按下。。。不管怎样，我有比和你争论更好的事情要做。。。回头见。。
$('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()));
  }
});