Question

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

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

已更新：

我有另一个要求，在点击保存按钮时，更改的内容应保存在数据库中。如何编写更新查询？我还需要一个删除按钮，以便在单击删除按钮时，应该运行更新命令。我可以实现这一点吗？/

Answer 1

脚本可以是内联的，也可以是外部的，但不能同时使用。

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

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

<script src="serialize-0.2.min.js"></script>
<script>
    function edit(element){
    // etc

Answer 2

<script type="text/javascript" src="serialize-0.2.min.js"></script>
<script type="text/javascript">
function edit(element){
  // Your Code 
}
</script>

试试这个。

javascript错误：ReferenceError：编辑未定义编辑（this）;

2 个答案: