Jen*_*tin 0 html javascript jquery referenceerror
我有一个html文件,其中,我想编辑字段.以下是我的HTML代码:
<body>
<div class= "table">
<div class = "thead">
<div class = "tr">
<div class = "td">ID</div>
<div class = "td">GROUP NAME</div>
<div class = "td">GROUP DESCRIPTION</div>
<div class = "td">IS ACTIVE</div>
<div class = "td"></div>
<div class = "td"></div>
</div>
</div>
<div class= "tbody">
<form class = "tr">
<div class = "td">1</div>
<div class = "td">hello</div>
<div class = "td">hwryou</div>
<div class = "td">y</div>
<div class = "td action" ><button type="button "onclick="edit(this);">edit</button> </div>
<form>
</div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
以下是我的javascript代码:
<script language="javascript" type="text/javascript" src="serialize-0.2.min.js">
function edit(element){
var tr = jQuery(element).parent().parent();
if(!tr.hasClass("editing")) {
tr.addClass("editing");
tr.find("DIV.td").each(function(){
if(!jQuery(this).hasClass("action")){
var value = jQuery(this).text();
jQuery(this).text("");
jQuery(this).append('<input type="text" value="'+value+'" />');
} else {
jQuery(this).find("BUTTON").text("save");
}
});
} else {
tr.removeClass("editing");
tr.find("DIV.td").each(function(){
if(!jQuery(this).hasClass("action")){
var value = jQuery(this).find("INPUT").val();
jQuery(this).text(value);
jQuery(this).find("INPUT").remove();
} else{ jQuery(this).find("BUTTON").text("edit");
}}); }
}</script>
Run Code Online (Sandbox Code Playgroud)
在创建输出时,当我单击编辑按钮时,它显示未定义参考错误编辑.可能是什么原因?
更新 :
我有另一个要求,点击保存按钮,更改的内容应保存在数据库中.如何编写更新查询?我还需要一个删除按钮,以便在单击删除按钮时,应该运行更新命令.我可以实现这个吗?/
脚本可以是内联的,也可以是外部的,不能同时使用.
src属性的存在会导致忽略脚本节点的文本节点子节点.
如果需要内联和外部脚本,请使用两个脚本元素.
<script src="serialize-0.2.min.js"></script>
<script>
function edit(element){
// etc
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1421 次 |
| 最近记录: |