<html>
<head>
<meta charset="utf-8"/>
<title>动态创建标签</title>
</head>
<body>
<form action="" id="form">
<ul>
<li>1:<input type="text" id="a"></li>
<li>2:<input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女</li>
<li><select id="se1"><option value="下拉1">下拉1</option><option value="下拉2">下拉2</option></select>
<select id="se2"><option value="2下拉1">2下拉1</option><option value="2下拉2">2下拉2</option></select></li>
</ul>
</form>
<ul>
<li>na: <span id="a1">姓</span></li>
<li>sex:<span id="sex">女</span></li>
<li>ad:<span id="ad1">下拉2</span><span id="ad2">2下拉2</span></li><!--用两个标签把城市和省市包起来分别传值-->
</ul>
<input type="button" value="修改" id="up">
<script src="jq.js"></script>
<script>
$("#up").bind('click', function() {
$("#a").attr('value',$("#a1").text())
var sex = $("#sex").text();
if(sex=="男"){
$("#form input[type=radio][value=男]").attr("checked",'checked')
}else{
$("#form input[type=radio][value=女]").attr("checked",'checked')
}
var ad1=$("#ad1").text(),ad2=$("#ad2").text();
$("#se1").attr('value',ad1);
$("#se2").attr('value',ad2);
});
</script>
</body>
</html>

解决方案 »

  1.   

    点击修改过后,上面的FORM表单直接读取数据库的默认地址不更简单嘛,非得用JS
      

  2.   

    你上面的值和下面的值是一一对应的  这还不好做?找到下面DOM对应的数据放到上面对应的input里面就好了
      

  3.   

    把每个内容外层都加上id,用id取外层的text(),然后赋值
      

  4.   

    正常做法是点修改后,通过ajax重新到服务器获取,填充到表单。偷懒的话你可以直接在下面那片区域里面直接取数据