<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
//获取 文本框的值
var name = $('#txtName').val();
var address = $('#txtAddress').val();
// alert(name);
//创建表格
var tblObj = $('<table></table>');
var trObj = $('<tr><td>' + name + '</td><td><a href="' + address + '">' + name + '</a></td></tr>');
tblObj.append(trObj);
$('body').append(tblObj);
});
});
</script>
</head>
<body>
<p>请输入名称:<input id="txtName" type="text" name="name" value=" " /></p>
<p>请输入网址:<input id="txtAddress" type="text" name="name" value=" " /></p>
<input id="btn" type="button" name="name" value="动态创建表格" />
</body>
</html>