本文展示了如何使用jQuery实现一个可修改的表格，包括输入框和下拉选择等功能，用户可以方便地编辑表格数据。
演示地址:http://www.corange.cn/demo/3787/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jquery示例可修改的表格</title>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
</script>
<script type="text/javascript" src="js/jqueryEditUseBlur.js"></script>
</head>
<body>
<table border="1">
<tbody>
<tr>
<td class="editTD">
<input class="status" name="product.status" value="1" type="hidden">
<div class="editText">有货</div>
</td>
<td class="editTD">
<input class="status" name="product.status" value="2" type="hidden">
<div class="editText">缺货</div>
</td>
<td id="other">
5678
</td>
<td>
<div style="display: none">
<select id="selectStatus" name="a" >
<option >
</option>
<option id="1" value="1">
有货
</option>
<option id="2" value="2">
缺货
</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>
原文地址:http://www.corange.cn/archives/2011/10/3787.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
