JS

jmx2015 2015-08-03 10:45:24

下面的代码中，如何通过JS能实现点击按钮来修改和保存文本框的内容啊

<p>
<label>消息名称</label>
<input type="text" value="MyTask" />
</p>
<input id="btn1" type="button" value="修改" />
<input id="btn2" type="button" value="保存" />

...全文

97 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

纯洁袜子 2015-08-03

打赏
举报

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
	<script>
		window.onload=function(){
			document.getElementById("btn1").onclick =function(){
				var name=prompt("请输入消息名称：","")
				document.getElementById("tt").value=name;
			};  
		}
		
	</script>
</head>
<body>
	<form action="" method="post">
		<p>
			<label>消息名称</label>
			<input id="tt" type="text" value="MyTask" />
		</p>
		<input id="btn1" type="button" value="修改" />
		<input id="btn2" type="submit" value="保存" />
	</form>
</body>
</html>

保存的话，js我是做不了，你可以提交到后台，通过后台去做操作数据库啊

jmx2015 2015-08-03

打赏
举报

要保存到数据库怎么做啊

jmx2015 2015-08-03

打赏
举报

js怎么实现啊

十年基民 2015-08-03

打赏
举报

引用 1 楼 xia635317478 的回复:

你修改和保存到哪里？数据库还是页面显示？ <input id="btn1" type="button" value="修改" onclick="change();"/> <input id="btn2" type="button" value="保存" onclick="save();"/> <input type="text" value="MyTask" />这里定义一个id或者name 定义一个js文件，在jsp中进行引用，在js中定义两个方法change()和save()

通过document获取text的value值，进行修改就行了，csdn为毛老提示非法，郁闷了！

hch126163 2015-08-03

打赏
举报

form 提交 ajax 提交等

十年基民 2015-08-03

打赏
举报

你修改和保存到哪里？数据库还是页面显示？ <input id="btn1" type="button" value="修改" onclick="change();"/> <input id="btn2" type="button" value="保存" onclick="save();"/> <input type="text" value="MyTask" />这里定义一个id或者name 定义一个js文件，在jsp中进行引用，在js中定义两个方法change()和save()

-妖孽 2015-08-03

打赏
举报

肯定是把数据传到后台进行保存啊，我不明白你这两个按钮“修改”“保存”有什么区别？

qqw6789567 2015-08-03

打赏
举报

引用 6 楼 zyb112211 的回复:

<!DOCTYPE html>
<html>
<head>
    <title>demo</title>
	<script>
		window.onload=function(){
			document.getElementById("btn1").onclick =function(){
				var name=prompt("请输入消息名称：","")
				document.getElementById("tt").value=name;
			};  
		}
		
	</script>
</head>
<body>
	<form action="" method="post">
		<p>
			<label>消息名称</label>
			<input id="tt" type="text" value="MyTask" />
		</p>
		<input id="btn1" type="button" value="修改" />
		<input id="btn2" type="submit" value="保存" />
	</form>
</body>
</html>

保存的话，js我是做不了，你可以提交到后台，通过后台去做操作数据库啊

多好的答案！

纯洁袜子 2015-08-03