0

我有一个 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>

以下是我的 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>

在创建输出时，当我单击编辑按钮时，它显示参考错误编辑未定义。这可能是什么原因？

更新 ：

我还有一个要求，在单击保存按钮时，应将更改的内容保存在数据库中。我应该如何以及在哪里编写更新查询？我还需要一个删除按钮，以便在单击删除按钮时，应该运行更新命令。我怎样才能做到这一点？/

4

2 回答 2

6

脚本可以是内联的或外部的，不能同时是两者。

该src属性的存在导致脚本节点的文本节点子节点被忽略。

如果您需要内联和外部脚本，请使用两个脚本元素。

<script src="serialize-0.2.min.js"></script>
<script>
    function edit(element){
    // etc
于 2013-06-28T06:05:08.633 回答
-1 
<script type="text/javascript" src="serialize-0.2.min.js"></script>
<script type="text/javascript">
function edit(element){
  // Your Code 
}
</script>

尝试这个。

于 2013-06-28T06:27:40.320 回答