現在、サイトのフォーム プロセスに Impromptu を使用しています。ただし、異なる状態間で変数情報を渡すのに問題があります。それが可能かどうかは完全にはわかりません。しかし、私がやりたいことは、最初の状態から変数情報を取得し、それを 2 番目の状態の入力ボックスに表示することです。これはできますか?
テストコード:
<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>