Это следующий вопрос к этой ссылке. Как я могу вернуть данные в опции выбора
Я нашел ответ на этот вопрос эффективным. Если вы пытаетесь редактировать строки по одному, программа работает нормально. Но потом, я попробовал иметь первую строку в режиме редактирования и еще одну строку при редактировании. Если я изменил и сохранил пол от Male до Female, и в первой строке все еще будет значение Male, сохраненное значение для строки все равно будет мужчиной. Надеюсь, что это не кажется таким сложным. Вот сценарий ответа на вопрос. Как вернуть данные в опции выбора. http://jsfiddle.net/srvikram13/te2wF/35/
function Save() {
var value3 = $(".gender").attr('value');
var par = $(this).parent().parent();
var tdName = par.children("td:nth-child(1)");
var tdAge = par.children("td:nth-child(2)");
var tdGender = par.children("td:nth-child(3)");
var tdButtons = par.children("td:nth-child(4)");
tdName.html(tdName.children("input[type=text]").val());
tdAge.html(tdAge.children("input[type=text]").val());
tdGender.html(value3);
tdButtons.html("<input type='button' value='Edit' class='btnEdit'/><input type ='button' value='Delete' class='btnDelete'/>");
$(".btnSave").bind("click", Save);
$(".btnDelete").bind("click", Delete);
};
Вы всегда читали значение первого элемента select с пол класса вместо пола в текущей строке
tdGender.html(tdGender.children('select').val());
Демо: скрипка
Примечание: чтобы получить элемент tr из элемента-потомка вместо $(this).parent().parent()
использовать var par = $(this).closest('tr')