我目前在我的网站上使用 Impromptu 进行表单处理。但是,我在不同状态之间传递变量信息时遇到了麻烦。我不完全确定这是否可能。但是我想要它做的是从第一个状态中提取变量信息并将其显示在第二个状态的输入框中。这可以做到吗?
测试代码:
<script>
function stateAttempt(id){
var displayDrop;
var txt = '<div class="field"><label for="dropDownValueName">Drop:</label>'+
'<select name="dropDownValueName">'+
'<option value="DropDownValue">Drop Down Option</option>'+
'</select>'+
'</div>';
var txtTwo = '<div class="field"><label for="address">Value:</label> <input type="text" id="address" name="address" value="'+ displayDrop +'" /></div>';
var statesdemo = {
state0: {
title: 'State One',
html: txt,
buttons: { Cancel:false, Next: 1 },
submit:function(e,v,m,f){
if(v){
flag = true;
if (flag == true) {
console.log(f);
window.displayDrop = f.dropDownValueName;
e.preventDefault();
$.prompt.goToState('state1');
} else { return false; }
} else {
$.prompt.close();
}
}
},
state1: {
title: 'State Two',
html: txtTwo,
buttons: { Cancel: 1, Back: -1 },
submit:function(e,v,m,f){
if(v){
if (flag == true) {
console.log(f);
e.preventDefault();
if(v==1) $.prompt.close();
if(v==-1) $.prompt.goToState('state0');
} else { return false; }
} else {
$.prompt.close();
}
}
},
};
$.prompt(statesdemo);
}
</script>
<a href="#" onclick="stateAttempt();">Display Prompt</a>