单击按钮时如何打开文本框？

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