0
我想爲我的錶行做一個更新按鈕。 我的添加按鈕打開表格輸入框,我的隱藏按鈕隱藏它,編輯按鈕編輯表TR字段。更新表按鈕jquery
提交按鈕用我放入字段的新文本創建一個新的TR。 我想要一個更新按鈕,除了提交一個。當我編輯TR Raw並在其中添加其他內容時。當我按更新改變TR文本。
幫我解決這個問題。
這是我目前的HTML/jquery.js和腳本
<!DOCTYPE html>
<html >
<head >
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<title ></title >
</head >
<body >
<form class="a" action="" method="post" hidden>
<input type="text" name="nume" id="btd1" value="" >
<input type="text" name="prenume" id="btd2" value="" >
<input type="text" name="email" id="btd3" value="" >
<input type="text" name="telefon" id="btd4" value="" >
<input type="text" name="parola" id="btd5" value="" >
<input type="button" id="submit" value="Submit" name="submit" />
</form >
<table border="2" >
<tr >
<td >Vlad</td >
<td >Andrei</td >
<td >vTask</td >
<td >Ceva</td >
<td >Alceva</td >
<td class="buttons">
<button class="add" >Add</button >
<button class="hide" >Hide</button >
<button class="edit" >Edit</button >
</td >
</tr >
</table >
</body >
</html >
$(document).ready(function() {
$('#submit').on('click', function() {
var valid = true,
message = '';
$('form input').each(function() {
var $this = $(this);
if (!$this.val()) {
var inputName = $this.attr('name');
valid = false;
message += 'Please enter your ' + inputName + '\n';
}
});
if (!valid) {
alert(message);
} else {
$('table').append('' +
'<tr>' +
'<td>' + $('#btd1').val() + '</td>' +
'<td>' + $('#btd2').val() + '</td>' +
'<td>' + $('#btd3').val() + '</td>' +
'<td>' + $('#btd4').val() + '</td>' +
'<td>' + $('#btd5').val() + '</td>' +
'<td class="buttons" style="vertical-align: top"><button class="add" >Add</button><button class="hide" >Hide</button><button class="edit">Edit</button></td >'+
'</tr>' +
'');
for(var x = 1; x < $('input').length; x++) {
$('#btd' + x).val('');
}
}
});
$("body").on('click','.hide',function() {
$("form").hide();
});
$("body").on('click','.add',function() {
$("form").show();
});
$("body").on('click','.edit',function() {
$("form").show();
$.each($(this).closest('tr').find('td:not(".buttons")'), function (key, val) {
$("form input[type=text]").eq(key).val($(val).text());
})
});
$("#show").click(function() {
//$("form").show();
//$("#btd1").val("Vlad");
//$("#btd2").val("Andrei");
//$("#btd3").val("vTask");
// $("#btd4").val("Ceva");
//$("#btd5").val("Alceva");
});
});
好Noushad阿里,我現在要做的是當我按任何原始編輯。目前這個raw被髮送到表單輸入框中。我想寫一些其他的東西,然後按下更新按鈕來更改該TR中的信息。我蝙蝠在解釋。 – Andrei224231
簡而言之,我想要做的事情就是今天寫點東西,也許在1周內,TR中的數據將發生變化,我必須對其進行編輯,而不是將其添加到底部。所以我需要提交按鈕旁邊的提交按鈕 – Andrei224231
我想正是你用Edit + Update按鈕做的,但編輯按鈕將文本放入表單輸入字段中,就像它在我的代碼和保存按鈕中所做的一樣以保存它們 – Andrei224231