復制代碼 代碼如下:
<!doctype html>
<html>
<head>
<title>ff 與 ie 動態加載元素的區別</title>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<style type="text/css">
li{margin:0;padding:0;list-style:none}
</style>
<script type="text/javascript">
function add(){
var liTemplate = $("#template");
liTemplate.find("input[name='awbpre']").val("999");
liTemplate.find("input[name='awbno']").val("12312311");
$("#box").append("<li>" + liTemplate.html() + "</li>");
}
</script>
</head>
<body>
<ul>
<li>
awbpre:
<input type="text" value="#awbno#"/>
awbno:
<input type="text" value="#awbno#"/>
</li>
</ul>
<input type="button" value="add"/>
</body>
</html>
復制代碼 代碼如下:
<script type="text/javascript">
function add(){
var liTemplate = $("#template");
$("#box").append("<li>" + liTemplate.html() + "</li>")
var new_li = $("#box li:last");
new_li.find("input[name='awbpre']").val("999");
new_li.find("input[name='awbno']").val("12312311");
}
</script>
新聞熱點
疑難解答
圖片精選
