单击超链接时如何动态显示文本区域
[英]How can i display a textarea dynamically when i click on a hyperlink
问题描述
I want to display text area dynamically inside a div when i click on a hyperlink how it can be done. 
当我单击超链接时如何在div内动态显示文本区域。 Please help. 请帮忙。 Thanks.. 谢谢..
<div class="fright clr7" style="padding-top:10px;"><a href="">Reply</a></div>
<textarea name="motivo" rows="25" cols="50" style="height:100%; display:none; width: 100%" ></textarea>
10 个解决方案
解决方案1
1 2014-04-11 05:54:05
You can do following; 您可以执行以下操作；
$("a").on("click", function() {
event.preventDefault();
if ($(".fright").find("textarea").length == 0) {
$(".fright").append('<textarea name="test" id="test"></textarea>');
}
});
Here is a working demo: jsfiddle 这是一个工作示例： jsfiddle
Edit: 编辑：
If you have hidden textarea you can use following; 如果您有隐藏的文本区域，则可以使用以下命令；
$("a").on("click", function() {
event.preventDefault();
$("textarea[name='motivo']").show();
});
解决方案2
0 2014-04-11 05:53:51
Something like 就像是
$('a[href*="Reply"]').click(function(){
// update this selector
$('textarea[name='motivo']').show();
});
解决方案3
0 2014-04-11 05:54:03
<div class="fright clr7" style="padding-top:10px;"><a class="reply" href="">Reply</a>
<textarea style="display:none;">
</textarea>
</div>
and jquery code: 和jQuery代码：
<script type="text/javascript">
$('a.reply').click(function(){
$(this).closest('textarea').show();
return false;
});
</script>
解决方案4
0 2014-04-11 05:55:16
<div class="fright clr7" style="padding-top:10px;" id="text"><a href="javascript:show()">Reply</a></div>
<script>
function show()
{
document.getElementbyId("text").innerHTML="<textarea>anything here</textarea>";
}
</script>
解决方案5
0 已采纳 2014-04-11 05:56:34
解决方案6
0 2014-04-11 05:57:54
Try this way 试试这个
<div class="fright clr7" style="padding-top:10px;"><a href="">Reply</a>
</div>
<textarea name="motivo" rows="25" cols="50" style="height:100%; display:none; width: 100%" ></textarea>
JS JS
$("a:contains('Reply')").click(function(e){
e.preventDefault()
$('textarea[name="motivo"]').show();
});
解决方案7
0 2014-04-11 05:58:16
I think you need this i have used jquery 我想你需要这个我用过jQuery
<script>
$("#Test").click(function() {
$("#TestDiv").html("<textarea rows='4'></textarea>");
});
</script>
<div class="fright clr7" id="TestDiv" style="padding-top:10px;"><a href="" id="Test">Reply</a></div>
解决方案8
0 2014-04-11 05:59:35
<html>
<head>
<script type="text/javascript">
function showtext()
{
document.getElementById('text_a').style.display = 'block';
}
</script>
</head>
<body>
<div>
<textarea id="text_a" style="display:none;"></textarea>
<a href="javascript:showtext();">Show Textarea</a>
</div>
</body>
</html>
解决方案9
0 2014-04-11 06:02:18
You can try this: 您可以尝试以下方法：
$('.fright a').click(function() {
$('.textarea').fadeIn(500);
return false;
});
Good Luck... 祝好运...
解决方案10
0 2014-04-11 07:10:11
You can create textarea on click and append inside DIV, it will be available whenever user click on link. 您可以单击创建文本区域，并在DIV内追加，只要用户单击链接即可使用。
<div class="fright clr7" style="padding-top:10px;"><a href="">Reply</a></div>
$(function(){
$('.fright').on('click', 'a', function(e){
e.preventDefault();
$('<textarea />', {
cols: 50,
rows: 25,
name: 'motivo',
class: 'motivo-text'
}).appendTo('.fright');
});
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.