선택 옵션 편집이 첫 번째 행의 선택 옵션 값 뒤에옵니다.

Question

이것은이 링크에 대한 후속 질문입니다. How can I return the data in select option

나는 그 질문에 대한 답이 효과적이라는 것을 발견했다. 한 번에 하나씩 행을 편집하려고하면 프로그램이 올바르게 작동합니다. 그런 다음 편집 모드에서 첫 번째 행을, 편집 할 때 다른 행을 사용하려고했습니다. 성별을 변경하여 Male에서 Female으로 저장하고 첫 번째 행의 값이 Male 인 경우 행의 저장된 값은 여전히 ​​남성입니다. 이것이 너무 복잡해 보이지 않기를 바랍니다. 질문에 대한 답변의 피들을 선택 옵션에서 어떻게 반환 할 수 있습니까? Fiddle

참고 : 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); 

    }; 

Answer 1

당신은 항상 현재 행에

tdGender.html(tdGender.children('select').val()); 

데모를 대신 남녀의 클래스 성을 가진 첫번째 선택 요소의 값을 읽어 된 TR 요소를 얻기 위해 대신 하위 요소에서 $(this).parent().parent()을 사용하십시오. var par = $(this).closest('tr')