jsp中如何实现点击一个按钮<button>后,按钮键变输入框?
发布网友
发布时间：2022-04-26 17:05
共4个回答
热心网友
时间：2023-10-16 02:07
您可以参照以下代码完成按钮键变输入框的操作：
$('button').bind('click', function(){
$(this).remove(); // 移除按钮
$('<input id="" name="" type="text" />').appendTo($(''));
});
一个JSP页面可以被分为以下几部分:
1.静态数据，如HTML
2.JSP指令，如include指令
3.JSP脚本元素和变量
4.JSP动作
5.用户自定义标签
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它[1] 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。
用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。
热心网友
时间：2023-10-16 02:07
把你点的按钮变成输入框？
------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
transform = function(key){
key.style.display="none";
document.getElementById("txt").style.display="block"
}
</script>
</head>
<body>
<input type="button" id="btn" name="xxzx" value="变" onclick="transform(this)" />
<input type="text" id="txt" name="xxzx" value="" style="display:none" />
</body>
</html>
热心网友
时间：2023-10-16 02:08
<script type="text/javascript">
function changeInput()
{
var button = document.getElementById("button").value;
document.getElementById("button").value ="保存"; //点击修改按钮后，将修改变为保存
var item0 = document.getElementById("item0");
var itemA = item0.innerHTML;
item0.innerHTML = "<input style='width:200px;' type='text' value='" + itemA + "'/>";
}
</script>
</head>
<body>
<table id="table_id">
<tr><td id="item0">张三</td></tr>
<tr>
<td><input id="button" type="button" value="修改" onclick="changeInput()"/></td>
</tr>
</table>
</body>
这个是我之前测试用的，点击按钮，将列变成文本框，修改变成保存。你照着改一下就可以了。
你可以将这段代码复制到myEclipse中运行一下
热心网友
时间：2023-10-16 02:09
js做。如 ：
$('button').bind('click', function(){
$(this).remove(); // 移除按钮
$('<input id="" name="" type="text" />').appendTo($(''));
});
