使用javascript单击按钮创建文本框

Question

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

Answer 1

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

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

如果您想切换可见性使用

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

Answer 2

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

HTML：

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

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

和jQuery：

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

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