jQuery 대화 상자에서 저장 버튼을 클릭한 후 양식을 제출할 때 응답이 없습니다.
P粉207969787
P粉207969787 2023-08-13 15:02:29
0
1
471
<p>JSP로 양식이 있고 JavaScript로 다음 코드가 있습니다. 제가 겪고 있는 문제는 다음과 같습니다. </p> <p>저장 버튼을 클릭하면 <code>if(speciesid === 2){</code> 조건이 충족되고 jquery에서 <code>"Save"< 대화상자 /code> 버튼을 클릭하면 컨트롤러가 실행되지 않습니다. 그러나 <code>if(speciesid === 2){</code> 조건이 충족되지 않을 때마다 제대로 작동하고 컨트롤러를 트리거합니다. 이 줄 <code>" document.getElementById("orderForm").submit();"</code>에 대해 약간의 의문이 있습니다. 누구든지 내 코드에 어떤 문제가 있는지 볼 수 있나요? 과도한 코드 내용을 피하기 위해 다른 양식 필드는 생략되었습니다. </p> <pre class="brush:php;toolbar:false;"><form:form method="POST" modelAttribute="orderForm" onsubmit="return verifyOrderForm(this)"> <form:errors path="*" cssClass="errorblock" element="div" /> <form:hidden path="choiceBstatus" /> <c:if test="${Species.speciesID == 2}"> <div id="checklist_dialog" title="새 항목"> <양식> <p> 이름: <input type="text" name="name" /> </p> <p>그룹: </p> </양식> </div> </c:if> <table class="noPrint"> <tr> <td align="center"><br /> <input onclick="formSaveButton()" class="button" type="submit" name="저장" value="저장" /> - <input class="button" type="submit" name="취소" value="취소" onclick="b취소 = true;" /></td> </tr> </테이블> </양식:양식> <스크립트 유형="텍스트/자바스크립트"> $('#checklist_dialog').hide(); 함수 formSaveButton(){ getSpeciesID('<c:out value="${Species.speciesID}"/>'); getChoiceBStatus('<c:out value="${orderForm.choiceBstatus}"/>'); } 함수 getSpeciesID(종 ID){ console.log("종 ID"); console.log(종 ID); if(종 ID === 2){ var selectedVal = ""; var selected = $("input[type='radio'][name='sampleChoice']:checked"); if (선택된 길이 > 0) { selectedVal = selected.val(); console.log(selectedVal); } $('#checklist_dialog').dialog({ 모달: 사실, 오버레이: { 불투명도: 0.7, 배경: "검은색" }, 버튼: { "저장": 함수() { $(this).dialog('닫기'); $("#choiceBstatus").val("true"); document.getElementById("orderForm").submit(); }, "취소": 함수() { $(this).dialog('닫기'); Alert("양식을 저장하기 전에 체크리스트를 완료/저장해야 합니다!"); $("#choiceBstatus").val("false"); } } }); } } 함수 getChoiceBStatus(상태){ console.log("선택 B 상태"); console.log(상태); } <p><br /></p>
P粉207969787
P粉207969787

모든 응답(1)
P粉105971514

제가 볼 때 양식에 ID가 누락되어 있습니다. document.getElementById("orderForm") 通过选择具有匹配id的HTML元素来工作,在这里是"orderForm".

그러나 HTML 양식에는 ID가 지정되어 있지 않습니다. 다음 ID를 포함하도록 양식을 업데이트해 보세요.

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿