javascript - 使用javascript在单击按钮时创建一个文本框

Question

我有一个添加按钮，我想将按钮设置为在单击时打开一个文本框而不刷新页面我认为解决方案是 javascript 所以请帮助我

Answer 1

jQuery如果可以，请使用。简单地：

html:

<button id="createInput">Create</button>

<div id="textarea"></div>

和 jQuery：

$('#createInput').click(function(){
    $('#textarea').html('<input type="text" />');
    return false;
});

注意：如果要在每次单击按钮时创建新元素，请替换html为append

Answer 2

首先在css中设置文本框display:none，然后用jquery

$('#id-Of-your-button').on('click', function(){ $('Your-text-box').show(); })

如果你想切换可见性使用

$('Your-text-box').toggle();