Mam plik html, w którym chcę edytować pola. Oto mój kod 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>
Oto mój kod 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>
podczas tworzenia out out, gdy klikam przycisk edycji, pokazuje, że edycja błędu odniesienia nie jest zdefiniowana.
zaktualizowano:
mam inne wymaganie, po kliknięciuprzycisk Zapisz, zmieniona zawartość powinna zostać zapisana w bazie danych. Jak i gdzie powinienem napisać zapytanie o aktualizację? również potrzebowałem przycisku usuwania, aby po kliknięciu przycisku usuwania uruchomione zostało polecenie aktualizacji. Czy mogę to zrobić? /
Odpowiedzi:
6 dla odpowiedzi № 1Skrypt może być wbudowany lub zewnętrzny, nie może być obiema.
Obecność src atrybut powoduje, że dzieci węzła tekstowego węzła skryptu są ignorowane.
Jeśli chcesz używać skryptów wewnętrznych i zewnętrznych, użyj dwóch elementów skryptu.
<script src="serialize-0.2.min.js"></script>
<script>
function edit(element){
// etc
-1 dla odpowiedzi № 2
<script type="text/javascript" src="serialize-0.2.min.js"></script>
<script type="text/javascript">
function edit(element){
// Your Code
}
</script>
Spróbuj tego.