Jquery實現無重新整理評論
阿新 • • 發佈：2019-01-17
<!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="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#btnok").click(function(){
var name=$("#name").val();
var mes=$("#mes").val();
if(name!=null|| mes!=null){
var tr=$("<tr><td>"+name+"</td><td>"+mes+"</td></tr>");
$("#dis").append(tr);
}
});
});
</script>
</head>
<body>
<table id="user">
<tr>
<td>使用者名稱：</td>
<td><input type="text" id="name" /></td>
</tr>
<tr>
<td>留言：</td>
<td><input type="text" id="mes" /></td>
</tr>
</table>
<input value="確定" id="btnok" type="button" />
<table id="dis">
<tr>
<td>使用者名稱</td>
<td>留言</td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>無重新整理評論</title>
<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#btnok").click(function(){
var name=$("#name").val();
var mes=$("#mes").val();
if(name!=null|| mes!=null){
var tr=$("<tr><td>"+name+"</td><td>"+mes+"</td></tr>");
$("#dis").append(tr);
}
});
});
</script>
</head>
<body>
<table id="user">
<tr>
<td>使用者名稱：</td>
<td><input type="text" id="name" /></td>
</tr>
<tr>
<td>留言：</td>
<td><input type="text" id="mes" /></td>
</tr>
</table>
<input value="確定" id="btnok" type="button" />
<table id="dis">
<tr>
<td>使用者名稱</td>
<td>留言</td>
</tr>
</table>
</body>
</html>