jquery 즉석 팝업을 사용하여 양식을 만들었습니다. 하지만 문제는 제출하기 전에 사용자 입력을 확인하고 싶습니다. 가능합니까?
여기에서 사용자가 두 번째 화면에서 옵션을 선택 하면 값 에 따라 다른 팝업을 호출하고 싶습니다 . 가능합니까?
var my_states = {
state0: {
title: 'Name',
html:'<label>First <input type="text" name="fname" value=""></label><br />'+
'<label>Last <input type="text" name="lname" value=""></label><br />',
buttons: { Next: 1 },
//focus: "input[name='fname']",
submit:function(e,v,m,f){
console.log(f);
e.preventDefault();
$.prompt.goToState('state1');
}
},
state1: {
title: 'Check Here',
html:'<table><tr><td><strong>Generate ODEC ID </strong></td><td>:</td><td id=\'gen_odec\' class=\'gen_odec\'> <select name=\'select_odec\' id=\'select_odec\' class=\'select_odec\'>'+<?php echo json_encode($odecpref)?>+'</select></td></tr></table>',
buttons: { Back: -1, Next: 1 },
//focus: ":input:first",
submit:function(e,v,m,f){
console.log(f);
if(v==1) {$.prompt.close();
return false;}
if(v==-1) $.prompt.goToState('state0');
e.preventDefault();
}
},
};
$.prompt(my_states);
jQuery에서 "on"을 사용하면 다음과 같이 문제가 해결됩니다. @Roland Bertolom 덕분에
$(document).on('change', '#select_odec', function(){
if($(this).val() === 'valueOfDesiredOption') {
$.prompt.goToState('stateYouNeed');
}
});
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다