1、首先创建html元素<divclass="dynamicId"><span>点吁炷纪顼击按钮设置指定id的文本的值：</span><divclass="contents"><inputtype="text"id="test1"value="我的id是test1"><inputtype="text"id="test2"value="我的id是test2"><inputtype="text"id="test3"value="我的id是test3"></div>设置id等于<inputtype="text"name="target-id">的文本框的值为<inputtype="text"name="new-value"><inputtype="button"value="设置"></div>
2、再设置CSS样式：div.dynamicId{width:300px;padding:20p垓矗梅吒x;margin:20px;border:4pxdas茑霁酌绡hed#ccc;}div.dynamicId span{color:#999;font-style:italic;}div.contents{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}table{border-collapse:collapse;}td{width:30px;height:30px;line-height:30px;text-align:center;border:1pxsolidgreen;}.selected{background:#99ccff;}input[type='button']{height:30px;margin:10px;padding:5px10px;}input[type='text']{width:200px;height:35px;padding:5px10px;margin:5px0;border:1pxsolid#ff9966;}
3、编写主要js代码$(function(){$(":button").click(function(){varid=$("input[name='target-id']").val(); // 首先动态获取idvarvalue=$("input[name='new-value']").val();// 获取新设置值$("input#"+id).val(value);});})
4、代码编写完成后运行该例子
5、在第一个框中输入id: test2 ,在第二个框中输入 我被改变了 。
