values of Dialog Form Modal hidden controls, not set values on main form
hi all i have a hidden controls on main form:
<input type="hidden" id="wcombcpallcdestino2" name="wcombcpallcdestino2" value="-1">
<input type="hidden" id="wkgsdese" name="wkgsdese" value="0">
<input type="hidden" id="wkgscan" name="wkgscan" value="0">
<input type="hidden" id="wkgsmerma" name="wkgsmerma" value="0">
<input type="hidden" id="wkgsclor" name="wkgsclor" value="0">
<input type="hidden" id="wkgSrono" name="wkgrono" value="0">
and the html of the Modal Dialog:
<div id="div_df_SalidaEmpaque" title="Salida de Empaque...">
<p class="validateTips">Todos los Campos son Requeridos</p>
<form id="f_df_SalidaEmpaque">
Destino:
<%
qry1 = "Select * from tpallcdestino where ipallcdestinotipo=1 order by cpallcdestinonombre";
System.out.println(qry1);
rs1 = con1.consulta(qry1);
System.out.println("SQL: " + qry1);
out.println("<select name='xcombcpallcdestino2' id='xcombcpallcdestino2'>");
out.println("<option value='-100'>Ninguno</option>");
out.println("<option value='-101'>Nuevo</option>");
if (rs1.next()) {
rs1.beforeFirst();
while (rs1.next()) {
out.print("<option value=" + rs1.getInt("ipallcdestinoid") + ">"
+ rs1.getString("cpallcdestinonombre") + "</option>"); // where column1 is the column in the database
}
}
out.println("</select>");
/* DateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
Date date = new Date();
out.println("Fecha: "+dateFormat.format(date)); //2014/08/06 15:59:48 */
%><br>
<br>
Kgs, Desecho: <input type="text" name="xkgsdese" id="xkgsdese" size="10" value="0.00" class="input_align_right" placeholder="Kgs. Desecho">
Kgs, Canica: <input type="text" name="xkgscan" id="xkgscan" size="10" value="0.00" class="input_align_right" placeholder="Kgs. Canica"> <br>
Kgs, Merma: <input type="text" name="xkgsmerma" id="xkgsmerma" size="10" value="0.00" class="input_align_right" placeholder="Kgs. Merma">
Kgs, Clorofila: <input type="text" name="xkgsclor" id="xkgsclor" size="10" value="0.00" class="input_align_right" placeholder="Kgs. Clorofila"> <br>
Kgs, Ronosa: <input type="text" name="xkgsrono" id="xkgsrono" size="10" value="0.00" class="input_align_right" placeholder="Kgs. Ronosa">
<fieldset>
</fieldset>
</form>
</div>
and the Jquery code: (WAY1)
// Inicio Forma9 Frm Salida Empaque
dialog9 = $("#div_df_SalidaEmpaque").dialog({
autoOpen: false,
height: 450,
width: 400,
modal: true,
buttons: {
"Aceptar": AgregarRenglonSalidaEmpaque,
Cancel: function () {
dialog9.dialog("destroy");
}
},
close: function () {
form[ 0 ].reset();
allFields.removeClass("ui-state-error");
}
});
form = dialog9.find("f_df_SalidaEmpaque").on("submit", function (event) {
event.preventDefault();
AgregarRenglonSalidaEmpaque();
});
function AbreFormaSalidaEmpaque() {
dialog9.dialog("open");
}
;
$('#BntImprime').on('click', function () {
alert("!!!Manu");
});
function AgregarRenglonSalidaEmpaque() {
var wxdestino = $("#xcombcpallcdestino2 option:selected").val();
var wxchofer = $("#xnomchofer").val();
var wxplacas = $("#xcamplacas").val();
var wxcamcolor = $("#xcamcolor").val();
var wxcammarca = $("#xcammarca").val();
var wxkgsdese = $("#xkgsdese").val();
var wxkgscan = $("#xkgscan").val();
var wxkgsmerma = $("#xkgsmerma").val();
var wxkgsclor = $("#xkgsclor").val();
var wxkgsrono = $("#xkgsrono").val();
$("#wnomchofer").val(wxchofer);
$("#wcamplacas").val(wxplacas);
$("#wcamcolor").val(wxcamcolor);
$("#wcammarca").val(wxcammarca);
$("#wcombcpallcdestino2").val(wxdestino);
$("#wkgsdese").val(wxkgsdese);
$("#wkgscan").val(wxkgscan);
$("#wkgsmerma").val(wxkgsmerma);
$("#wkgsclor").val(wxkgsclor);
$("#wkgsrono").val(wxkgsrono);
debugger;
var wdest = 2;
$("#whaciadonde").val(wdest);
// dialog9.dialog("close");
$('#fpallentcajex').submit();
}
//End Forma9
nd the Jquery (Way2):
// Inicio Forma9 Frm Salida Empaque
dialog9 = $("#div_df_SalidaEmpaque").dialog({
autoOpen: false,
height: 450,
width: 400,
modal: true,
buttons: {
"Aceptar": function ()
{
var wxdestino = $("#xcombcpallcdestino2 option:selected").val();
var wxchofer = $("#xnomchofer").val();
var wxplacas = $("#xcamplacas").val();
var wxcamcolor = $("#xcamcolor").val();
var wxcammarca = $("#xcammarca").val();
var wxkgsdese = $("#xkgsdese").val();
var wxkgscan = $("#xkgscan").val();
var wxkgsmerma = $("#xkgsmerma").val();
var wxkgsclor = $("#xkgsclor").val();
var wxkgsrono = $("#xkgsrono").val();
$("#wnomchofer").val(wxchofer);
$("#wcamplacas").val(wxplacas);
$("#wcamcolor").val(wxcamcolor);
$("#wcammarca").val(wxcammarca);
$("#wcombcpallcdestino2").val(wxdestino);
$("#wkgsdese").val(wxkgsdese);
$("#wkgscan").val(wxkgscan);
$("#wkgsmerma").val(wxkgsmerma);
$("#wkgsclor").val(wxkgsclor);
$("#wkgsrono").val(wxkgsrono);
debugger;
var wdest = 2;
$("#whaciadonde").val(wdest);
// dialog9.dialog("close");
$('#fpallentcajex').submit();
},
Cancel: function () {
dialog9.dialog("destroy");
}
},
close: function () {
form[ 0 ].reset();
allFields.removeClass("ui-state-error");
}
});
form = dialog9.find("f_df_SalidaEmpaque").on("submit", function (event) {
event.preventDefault();
AgregarRenglonSalidaEmpaque();
});
function AbreFormaSalidaEmpaque() {
dialog9.dialog("open");
}
;
$('#BntImprime').on('click', function () {
alert("!!!Manu");
});
function AgregarRenglonSalidaEmpaque() {
var wxdestino = $("#xcombcpallcdestino2 option:selected").val();
var wxchofer = $("#xnomchofer").val();
var wxplacas = $("#xcamplacas").val();
var wxcamcolor = $("#xcamcolor").val();
var wxcammarca = $("#xcammarca").val();
var wxkgsdese = $("#xkgsdese").val();
var wxkgscan = $("#xkgscan").val();
var wxkgsmerma = $("#xkgsmerma").val();
var wxkgsclor = $("#xkgsclor").val();
var wxkgsrono = $("#xkgsrono").val();
$("#wnomchofer").val(wxchofer);
$("#wcamplacas").val(wxplacas);
$("#wcamcolor").val(wxcamcolor);
$("#wcammarca").val(wxcammarca);
$("#wcombcpallcdestino2").val(wxdestino);
$("#wkgsdese").val(wxkgsdese);
$("#wkgscan").val(wxkgscan);
$("#wkgsmerma").val(wxkgsmerma);
$("#wkgsclor").val(wxkgsclor);
$("#wkgsrono").val(wxkgsrono);
debugger;
var wdest = 2;
$("#whaciadonde").val(wdest);
// dialog9.dialog("close");
$('#fpallentcajex').submit();
}
//End Forma9
strange not take the values in this:
$("#wcombcpallcdestino2").val(wxdestino);
$("#wkgsdese").val(wxkgsdese);
$("#wkgscan").val(wxkgscan);
$("#wkgsmerma").val(wxkgsmerma);
$("#wkgsclor").val(wxkgsclor);
$("#wkgsrono").val(wxkgsrono);
if you see the image, take the values of other inputs/controls, but not the values of the dialog form :(
how to fix it?
Note i am worked with other DialogForms of jquery and worked....
i think jquery not know the values changed, know the intial values, but not when user changed tha data, thanks.
i try make a fiddle:
http://jsfiddle.net/jamiguel77/tno3dynz/2/
but not run/work properly, i think the libraries isnt the correct libraries.
thanks