如何在anchorTag点击html中显示文本框和按钮

Question

在加载html时，它应该有一个锚标记。单击该锚标记。显示一个文本框和按钮。在文本框中输入一些值并单击该按钮应该将输入的值附加到锚标记（锚标记+值）

Answer 1

试试这个：

HTML： 将textbox和button放到display:none

<a href="#" id="anchr" >Click here</a>
<input type="text" value="" id="txt" style="display:none;"/>
<input type="button" value="Button" id="btn" style="display:none;"/>

JS：

$(document).ready(function(){ 
$('#anchr').click(function(){  
$('#txt').show(); // show textbox
$('#btn').show(); //show button
});
$('#btn').click(function(){
$('#anchr').html($('#anchr').html() + $('#txt').val()); // Anchor tag HTML + Value of Textbox
});
});

工作Fiddle