제출시 양식 필드에 Javascript 변수를 입력하십시오.

Question

이 작업은 거의 완료되었지만 완료 할 수는 없습니다. 나는 "도착"필드를 mm/dd/yyyy로 공급하는 예약 페이지에 jQuery datepicker를 가지고 있습니다. 별도의 mm, dd 및 yyyy 값으로 분리하는 자바 스크립트를 사용하고 양식을 타사 처리 사이트에 게시되기 전에이 값을 양식의 월, 일 및 연도 필드에 다시 입력하려고합니다. .

JavaScript를 사용하여이 필드에 값을 성공적으로 할당 할 수 있지만 이후에 사용자가 선택한 날짜를 전달해야하므로 이후에 문제가 발생합니다.

여기 내 제출 버튼을, 당신에게 모든 관련 조각을 제공하려면, 여기

<input type='submit' onclick='toProcess()' name="submitButton" id='submitButton' 
value='Check Availability' /> 

날짜를 취할 수있는 기능 (즉, 클릭이 때 버튼을 제출해야한다로 실행 않음)의와로 분할

var newDates = toProcess(); 
arrivalMonth = newDates[0]; 
arrivalDay = newDates[1]; 
arrivalYear = newDates[2]; 

: 별도의 세 가지 값 : 나는 다시 형태로 공급하는 변수를 생성하기 위해 반환 된 값을 가질 경우 여기

function toProcess(){ 
    var date = document.getElementById("Arrival").value; 
    var splitDate = date.split("/"); 
    var arrivalMonth = splitDate[0]; 
    var arrivalDay = splitDate[1]; 
    var arrivalYear = splitDate[2]; 
    return [arrivalMonth, arrivalDay, arrivalYear]; 
} 

그리고이다

지금까지 모든 문제없이 작동합니다. 알리미를 사용하여 값이 확실히이 지점까지 공급되고 있음을 알 수있었습니다. 하지만 지금은 그 값을 이제 양식으로 다시 가져올 수 없었습니다.

document.getElementById("Month").value = arrivalMonth; 
document.getElementById("Day").value = arrivalDay; 
document.getElementById("Year").value = arrivalYear; 

를 내가 제출 버튼을 맞았다 전에 존재 변수를 사용하는 경우이 방법은 잘 작동 :

나는이를 사용하여 그렇게 할 노력하고있어. 난 그냥 새로운 값을 작동시킬 수 없습니다.

제출 단추를 클릭하여 함수를 제대로 호출하는 동안 그 함수가 함수 외부에 있기 때문에 그 다음 요소가 실행되지 않는 것으로 의심됩니다. 함수 내에서 양식 필드로 값을 다시 보내는 방법을 알아낼 수 없었습니다.

내가 명확하게 설명 했습니까? 이것에 대한 도움은 크게 감사 할 것입니다. 감사!

Answer 1

기본적으로 제출 버튼을 클릭하면 준비가 완료된 출력이 원하는 필드에 표시되지 않습니다.

피들링을 만들어 줄 수 있습니까?

또한 과거에는 제출 버튼이 페이지를 새로 고침하여 스크립트 사용을 효과적으로 제거하지 못한다는 문제가있었습니다.