JS的运用，页面文本框，通过事件响应，弹出一个大的文本框，用来填写文本，请教
请问各位高手，怎么将一个页面的文本框，通过事件响应，弹出一个更大的文本框。不是窗口，DIV之类能实现吗。最后再弹出来的文本框内输入文字后，通过，按钮文字，自动将已经输入的...
请问各位高手，怎么将一个页面的文本框，通过事件响应，弹出一个更大的文本框。不是窗口，DIV之类能实现吗。最后再弹出来的文本框内输入文字后，通过，按钮文字，自动将已经输入的文本，写回页面中。
展开
2个回答
展开全部
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></亩喊title>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function tanchu() {
$(function() {
$('#tanchu').dialog({
autoOpen: false,
width: 650,
skin: blur,
modal: true,
contentFlag: "0",
IsDrag: "1",
IsAutoCenter: "0",
buttons: {
"关闭": function() {
$(this).dialog("close");
},
"确定": function() {
$("#smalltxt").val($("#bigtxt").val());
$(this).dialog("close");
}
}
});
$('#tanchu').dialog('open');
});
}
</script>
</head>
<body>迅洞野
<form id="form1" runat="server">
<div>
<input type="text" id="smalltxt" /> <input type="button" onclick="tanchu();" value="弹出" />
</div>
<div id="tanchu" style="display:none">
<textarea id="bigtxt" style="height: 173px; width: 237px"></颤喊textarea>
</div>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></亩喊title>
<script src="jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function tanchu() {
$(function() {
$('#tanchu').dialog({
autoOpen: false,
width: 650,
skin: blur,
modal: true,
contentFlag: "0",
IsDrag: "1",
IsAutoCenter: "0",
buttons: {
"关闭": function() {
$(this).dialog("close");
},
"确定": function() {
$("#smalltxt").val($("#bigtxt").val());
$(this).dialog("close");
}
}
});
$('#tanchu').dialog('open');
});
}
</script>
</head>
<body>迅洞野
<form id="form1" runat="server">
<div>
<input type="text" id="smalltxt" /> <input type="button" onclick="tanchu();" value="弹出" />
</div>
<div id="tanchu" style="display:none">
<textarea id="bigtxt" style="height: 173px; width: 237px"></颤喊textarea>
</div>
</form>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以写一个隐藏的div。。。然后在按钮的onclick事件里将文本框内容赋值给另一个文本框
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
