jQueryダイアログボックスに表示されるフォームを送信しようとしています。ただし、フォームのIDをダイアログウィンドウに渡すのに問題があります。Chromeによって表示される出力は次のとおりです。
http://i.stack.imgur.com/1EIa1.png
答えは明白でなければならないことは知っていますが、JavaScript関数で「frmDecline1」を使用できない理由を理解できません。
$(function(){
// Dialog
$('#dialog1').dialog({
autoOpen: false,
width: 500,
modal: true,
buttons: {
"Ok": function() {
frmDecline1.submit();
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
// Dialog Link
$('#dialog_link1').click(function(){
$('#dialog1').dialog('open');
return false;
});
});
<div id="dialog1" title="Decline Record">
<p>Please enter your reason for declining this record below</p>
<form id="frmDecline1" name="frmDecline1" method="post" action="index.asp?decline=1,ClockNo=1,JobNo=1">
<textarea name="txtDecline1" cols="40" rows="4"></textarea>
<br>
</form>
</div>
<a href='#' id='dialog_link1'> Decline </a> <br> <br>