フィールドを編集したい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>
出力の作成中に編集ボタンをクリックすると、参照エラーの編集が定義されていないことが表示されます。その理由は何でしょうか。
更新しました :
私は他の要件があります、クリックすると[保存]ボタンをクリックすると、変更されたコンテンツがデータベースに保存されます。更新クエリを作成する方法と場所を教えてください。また、削除ボタンをクリックすると更新コマンドが実行されるように、削除ボタンが必要でした。これを実現するにはどうすればよいですか?/
回答:
回答№1は6スクリプトはインラインでも外部でもかまいませんが、両方にすることはできません。
その存在は src
属性を指定すると、スクリプトノードのテキストノードの子が無視されます。
インラインスクリプトと外部スクリプトが必要な場合は、2つのスクリプト要素を使用します。
<script src="serialize-0.2.min.js"></script>
<script>
function edit(element){
// etc
回答№2の場合は-1
<script type="text/javascript" src="serialize-0.2.min.js"></script>
<script type="text/javascript">
function edit(element){
// Your Code
}
</script>
これを試して。