本人JS菜鸟，向高手请教如何修改表单内容

jun704637421 2012-03-23 04:05:36

在一个表格内，点击修改，会出现一个文本框，文本框的有原先的东西，修改文本框里的东西

...全文

293 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

源码小严 2012-03-24

打赏
举报

建议使用jquery吧！jquery操作html和表单非常方便！
<input type="textbox" id="abc" ></input>
$("#abc").va("值")
别忘了引用jquery库

上面本人的一些见解，有哪里不足的地方，请批评指正！

jun704637421 2012-03-24

打赏
举报

要详细代码

001007009 2012-03-24

打赏
举报



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>	

		<style>

			* {

				margin:0; padding:0; font-size:14px;

			}

			table {

				margin:100px;

			}

			td {

				width:200px; height:30px; line-height:30px;

				border:1px solid blue;

			}

			input {

				width:200px; height:30px; line-height:30px;

				border:0;

			}

		</style>		

	</head>

	<body>

		<table>

			<tr>

				<td><input value="1-1" /></td>

				<td><input value="1-2" /></td>

			</tr>

			<tr>

				<td><input value="2-1" /></td>

				<td><input value="2-2" /></td>

			</tr>			

		</table>

		<script>

			function $(el){

				return typeof el == 'string' ? document.getElementById(el) : el;

			}

			function $t(name, cot){

				cot = cot || document;

				return cot.getElementsByTagName(name);

			}

			var arr = $t('input');

			for(var i = 0, len = arr.length; i < len; i++){

				arr[i].onfocus = function(){

					this.style.border = '1px solid red';

					this.parentNode.style.border = '0';

				}

				arr[i].onblur = function(){

					this.style.border = 'none';

					this.parentNode.style.border = '1px solid blue';

				}				

			}

		</script>

	</body>

</html>

IT小金 2012-03-24

打赏
举报

楼上的还是可以的！

RainOnly 2012-03-23

打赏
举报

以前写过一个这样的提供思路给你

首先给td绑定单击事件 onclick="clickText(this)"

在clickText 事件中,根据参数拿到 td里面原本的内容不用jquery框架的话要用innerHTML

然后生成一个text文本框,将td的内容赋值到文本框的value里

给文本框绑定事件,具体是onblue 还是 onchange 这个你要根据自己的需要拿捏

最后一步,在文本框的绑定事件里,将文本框的值替换到原本的td中 ,要先清空一下td里面的内容哈