當我點擊按鈕時如何打開文本框？

Question

我創建了一個按鈕，點擊時應打開一個文本框甚至是一個對話框。一旦用戶輸入數據，它應該保存並在屏幕上顯示數據，而不用重新加載。

Answer 1

不知道確切的問題，但代碼類似於你的要求。

<button type="button" id="btn1" >Button</button> 

$('#btn1').click(function(){ 
$('#txtBox').show(); 
}); 
$("#txtBox").focusout(function(){ 
    $('#output').html($("#txtBox").val()); 
}); 

Fiddle

Answer 2

$('#btn1').click(function(){ 
$('#txtBox').show(); 
}); 
$("#txtBox").focusout(function(){ 
$('#output').text($("#txtBox").val()); 
$('#txtBox').hide(); //Use this line if you want to hide the textbox after showing the value 
}); 

<button type="button" id="btn1" >Button</button> 
<input type="text" id="txtBox"> 
<div id="output"></div> 

如果你想清除文本框的值每一次，那麼你可以用下面的代碼

$('#btn1').click(function(){ 
$('#txtBox').show(); 
}); 
$("#txtBox").focusout(function(){ 
$('#output').text($("#txtBox").val()); 
$('#txtBox').hide(); //Use this line if you want to hide the textbox after showing the value 
$('#txtBox').val(""); 
});