html.erb의 js 함수 내에서 js 함수를 사용합니다.

Question

ok는 모두에게 쉬운 것이어야합니다 ... 나는 inclick을 사용하여 버튼의 태그에서 javascript 함수를 호출합니다. 그 기능을 세 가지 매개 변수를 갖도록하려고하는 임. 그런 다음 함수는 세 가지 다른 시간을 제출합니다. 결국 루비 테이블에 세 개의 다른 레코드가 생성됩니다. 어떤 이유 그런데 왜이 나던 일 내가 볼 수 없습니다 ...

<script> 
function submiteffort(elem) 
{ 
    // Elem 1 
    $("#effort_hours").val($(elem).val()); 
    $("#task_id").val(elem.id); 
    $("#effort_form").submit(); 
    return true; 
} 

function medium(leave, toil, sick) 
{ 
    var dave = submiteffort(document.getElementsByName(leave)); 

    if(dave == true){ 
     var dave2 = submiteffort(document.getElementsByName(toil)); 
    } 

    if(dave2 == true){ 
     submiteffort(document.getElementsByName(sick)); 
    } 
} 
</script> 

<div class="startleft"> 
    <table> 
     <tr> 
      <td>Leave</td> 
      <td><input class="dayinput" type="text" name="Leave" placeholder="0" ></td> 
     </t> 
     <tr> 
      <td>TOIL</td> 
      <td><input class="dayinput" type="text" name="TOIL" placeholder="0"></td> 
     </tr> 
     <tr> 
      <td>Sick</td> 
      <td><input class="dayinput" type="text" name="Sick" placeholder="0"></td> 
     </tr> 
     <tr> 
      <td>Total</td> 
      <td><input id="total" class="total_low" type="text" value="0" disabled="" name="Dave"> 
     </tr> 
     <tr> 
      <td></td> 
     <td><button onclick="medium('Leave','TOIL','Sick')">Commit</button></td> 
     </tr> 
    </table> 
    </div> 

이 단지 테이블에 한 기록을 제출하고 그 이유를 파악하지 못할.

Answer 1

양식을 제출하면 페이지가 새로 고침되고 다른 2 개의 함수 호출이 실행되지 않습니다. AJAX를 사용하여 3 가지 별도의 함수 호출로 백엔드에 데이터를 보내야합니다.