Foros del Web - Ver Mensaje Individual

Javier01 · #6 (**permalink**) 23/11/2012, 12:04

Bueno, veamos si entendí:
El problema es que al clonar los campos, los select de las horas y los minutos no quedan en blanco?
Porque he probado el código y me funciona perfectamente. Al clonar los campos todos quedan en blanco, y puedo seleccionar las horas y minutos.
Posteo el código que yo probé, puesto que tu usas algunas funciones que yo no tengo:

Código PHP:

Ver original<!html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Titulo</title>
            <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="medicamento">
<div class="tt">Medicamento programado</div>
<div class="nametx"><?php echo "javier"; ?></div>
<form id="myForm" method="post" name="forma" action="medicamento.php?accion=s" onSubmit="return checkform(this);" enctype="multipart/form-data">
<input type="hidden" id="num_campos" name="num_campos" value="0" />
<input type="hidden" id="cant_campos" name="cant_campos" value="0" />
<input name="aid" type="hidden" onkeypress="javascript: return utils.isString(event);" value="<?php echo "1"; ?>">
<div id="input1" style="margin-bottom: 15px;" class="clonedInput">
<table cellpadding="0" cellspacing="2" border="0">
<tr>
<td>
Nombre
</td>
<td>
Dosis
</td>
<td width="100">
Hora
</td>
<td width="100">
Hora
</td>
<td width="100">
Hora
</td>
<td width="100">
Hora
</td>
</tr>
<tr>
<td>
<input id="reporte_medicamento_medicamento_nombre" type="text" name="reporte_medicamento_medicamento1_nombre" onkeypress="javascript: return utils.isString(event);" value="" style="width: 100px;">
</td>
<td>
<input id="reporte_medicamento_medicamento_dosis" type="text" name="reporte_medicamento_medicamento1_dosis" onkeypress="javascript: return utils.isString(event);" value="" style="width: 25px;">
</td>
<td>
<select id="reporte_medicamento_medicamento_hora1_hr" name="reporte_medicamento_medicamento1_hora1_hr" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=24; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
echo $corrigecero.$i;
}
?>
 
</select>&nbsp;:&nbsp;
<select id="reporte_medicamento_medicamento_hora1_min" name="reporte_medicamento_medicamento1_hora1_min" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=59; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>
</td>
<td>
<select id="reporte_medicamento_medicamento_hora2_hr" name="reporte_medicamento_medicamento1_hora2_hr" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=24; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>&nbsp;:&nbsp;
<select id="reporte_medicamento_medicamento_hora2_min" name="reporte_medicamento_medicamento1_hora2_min" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=59; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>
</td>
<td>
<select id="reporte_medicamento_medicamento_hora3_hr" name="reporte_medicamento_medicamento1_hora3_hr" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=24; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>&nbsp;:&nbsp;<select id="reporte_medicamento_medicamento_hora3_min" name="reporte_medicamento_medicamento1_hora3_min" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=59; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>
</td>
<td>
<select id="reporte_medicamento_medicamento_hora4_hr" name="reporte_medicamento_medicamento1_hora4_hr" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=24; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>&nbsp;:&nbsp;<select id="reporte_medicamento_medicamento_hora4_min" name="reporte_medicamento_medicamento1_hora4_min" class="styled">
<option selected value="00">00</option>
<?php
for ($i=1; $i<=59; $i++)
{
if ($i<10) { $corrigecero='0'; } else { $corrigecero=''; }
echo '<option value="'.$corrigecero.$i.'">'.$corrigecero.$i.'</option>';
}
?>
</select>
</td>
</tr>
</table>
</div>
<div id="agregar_eliminar_btns">
<input type="button" id="btnAdd" value=" + " onclick="" />
<input type="button" id="btnDel" value=" - " />
</div>
<table>
<tr>
<td colspan="6">
Observaciones<br />
<textarea id="reporte_medicamento_medicamento1_observaciones " name="reporte_medicamento_medicamento1_observacion es" rows="2" cols="" style="width: 550px;"></textarea>
</td>
</tr>
</table>
<input name="Guardar" type="submit" id="Guardar" value="Guardar">
</form>
</div>
 
 
    <script type="text/javascript">
//cambia los name de los inputs
actualizaName = function ($input)
{
    iNombre = '#reporte_medicamento_medicamento_nombre';
    iDosis = '#reporte_medicamento_medicamento_dosis';
    shora1 = '#reporte_medicamento_medicamento_hora1_hr';
    sminutos1 = '#reporte_medicamento_medicamento_hora1_min';
    shora2 = '#reporte_medicamento_medicamento_hora2_hr';
    sminutos2 = '#reporte_medicamento_medicamento_hora2_min';
    shora3 = '#reporte_medicamento_medicamento_hora3_hr';
    sminutos3 = '#reporte_medicamento_medicamento_hora3_min';
    shora4 = '#reporte_medicamento_medicamento_hora4_hr';
    sminutos4 = '#reporte_medicamento_medicamento_hora4_min';
 
    for(var i = 1; i <= $input ; i++)
    {
        Nombre = 'reporte_medicamento_medicamento';
        Dosis = 'reporte_medicamento_medicamento';
        hora1 = 'reporte_medicamento_medicamento';
        minutos1 = 'reporte_medicamento_medicamento';
        hora2 = 'reporte_medicamento_medicamento';
        minutos2 = 'reporte_medicamento_medicamento';
        hora3 = 'reporte_medicamento_medicamento';
        minutos3 = 'reporte_medicamento_medicamento';
        hora4 = 'reporte_medicamento_medicamento';
        minutos4 = 'reporte_medicamento_medicamento';
 
        Nombre += i + "_nombre";
        Dosis += i + "_dosis";
        hora1 += i + "_hora1_hr";
        minutos1 += i + "_hora1_min";
        hora2 += i + "_hora2_hr";
        minutos2 += i +"_hora2_min";
        hora3 += i +"_hora3_hr";
        minutos3 += i +"_hora3_min";
        hora4 += i +"_hora4_hr";
        minutos4 += i +"_hora4_min";
 
        var input = $('#input'+i);
 
        input.find(iNombre).attr("name",Nombre);
        input.find(iDosis).attr("name",Dosis);
        input.find(shora1).attr("name",hora1);
        input.find(sminutos1).attr("name",minutos1);
        input.find(shora2).attr("name",hora2);
        input.find(sminutos2).attr("name",minutos2);
        input.find(shora3).attr("name",hora3);
        input.find(sminutos3).attr("name",minutos3);
        input.find(shora4).attr("name",hora4);
        input.find(sminutos4).attr("name",minutos4);
 
    }
}
$(document).ready(function() {
 $('#btnAdd').click(function()
{
var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
var newNum = new Number(num + 1); // the numeric ID of the new input field being added
iNombre = '#reporte_medicamento_medicamento_nombre';
iDosis = '#reporte_medicamento_medicamento_dosis';
shora1= '#reporte_medicamento_medicamento1_hora1_hr';
sminutos1='#reporte_medicamento_medicamento1_hora1 _min';
shora2 = '#reporte_medicamento_medicamento_hora2_hr';
sminutos2 = '#reporte_medicamento_medicamento_hora2_min';
shora3 = '#reporte_medicamento_medicamento_hora3_hr';
sminutos3 = '#reporte_medicamento_medicamento_hora3_min';
shora4 = '#reporte_medicamento_medicamento_hora4_hr';
sminutos4 = '#reporte_medicamento_medicamento_hora4_min';
 
 
// create the new element via clone(), and manipulate it's ID using newNum value
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum);
var strNewElement = newElem.find('input').text();
// manipulate the name/id values of the input inside the new element
newElem.children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum);
// insert the new element after the last "duplicatable" input field
//limpia el texto del nuevo input
$('#input' + num).after(newElem);
$('#input' + newNum).find(iNombre).attr("value","");
$('#input' + newNum).find(iDosis).attr("value","");
$('#input' + newNum).find(shora1).attr("value","");
 
// enable the "remove" button
$('#btnDel').removeAttr("disabled");
// business rule: you can only add 4 names
if (newNum == 4)
$('#btnAdd').attr('disabled','disabled');
 
//cambia los nombres de los nuevos inputs y selects
actualizaName(newNum);
});
 
$('#btnDel').click(function() {
var num = $('.clonedInput').length; // how many "duplicatable" input fields we currently have
$('#input' + num).remove(); // remove the last element
// enable the "add" button
$('#btnAdd').removeAttr("disabled");
// if only one element remains, disable the "remove" button
if (num-1 == 1)
$('#btnDel').attr('disabled','disabled');
});
$('#btnDel').attr('disabled','disabled');
});
</script>
 
    </body>
</html>