jsp中如何实现点击一个按钮后,按钮键变输入框?
2个回答
展开全部
<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中运行一下
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中运行一下
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询