特定のチェックボックスがオンの場合に追加情報を求めるjQuery UIダイアログを含む小さなフォームがあります。ダイアログボックスが開き、2つのチェックボックスが追加されます。フォーム内にjQueryダイアログが表示されない
問題は、フォームが送信され、ダイアログの2つのチェックボックスが残りのフォームとともに送信されない場合です。 jQueryがダイアログをレンダリングするときにわかることから、実際には閉じたフォームタグの外にレンダリングされ、チェックボックスはフォームの一部ではなくなります。
私はのようなもの試してみました:
$("#dialog-form").parent().appendTo($("#ContactSpeakerForm:first"));
をしかし、良い解決策を考え出すていません。ここで
は私のjsである:ここでは
$(function() {
var eventReg = $('#dialog-form').dialog({
autoOpen: false,
modal: true,
buttons: {
Ok: function() {
$(this).dialog("close");
}
}
});
$('#Confirmed').click(function() {
if($('#Confirmed').attr('checked')) {
eventReg.dialog("open");
}
});
});
はhtmlです:
<form id="ContactSpeakerForm" name="ContactSpeakerForm" action="/contacts/add-contact-speaker/id/3420" method="post">
<input type="hidden" name="ID" value="" id="ID">
<input type="hidden" name="Contact_ID" value="3420" id="Contact_ID">
<div class="page_panel_table">
<table>
<tbody>
<tr>
<td align="right" class="form_label">Confirmed:</td>
<td>
<input type="checkbox" name="Confirmed" id="Confirmed" value="1">
</td>
</tr>
<tr>
<td><input type="submit" name="submit" id="submit" value="Save"></td>
</tr>
</tbody>
</table>
</div>
<div id="dialog-form" style="display:none;" title="Speaker Event Registration">
<input type="checkbox" name="RegisterForEvent" id="RegisterForEvent" value="1">
<input type="checkbox" name="RegisterForDinner" id="RegisterForDinner" value="1">
</div>
</form>
誰もが良い解決策を知っていますか?
重要な問題は、位置を管理しやすくするためにダイアログが本文に追加されるということです。フォームから削除されます。 – charlietfl
@charlietfl:はいこれが問題です。 –