Question

</html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$("#popup").click(function(){
   // pop up a text area and I want to store value of textarea in a variable.
});
});
</script>
</head>

<body>
<form>
<textarea rows="2" cols="20" id="area" style="display:none"></textarea>
<input type="submit" id="popup" value="OK">
</body>
</html>

如何在点击按钮上弹出文本区域？

Answer 1

var textarea = $('#area');
$("#popup").click(function(){

   // To show it
   textarea.show();

});

// To get the value
var value = textarea.val();

Answer 2

在jquery中，您可以使用$("#area").show()来显示元素。

Answer 3

如果您使用的是jQuery，请使用show方法：

$('#area').show();

您还可以控制动画的速度：

$('#area').show("slow");
$('#area').show("fast");

或者您可以指定精确的时间（以毫秒为单位）。这是官方文档：

jQuery Show

如何在按钮点击时显示文本区域？

3 个答案: