Skip to main content
se añadieron 46 caracteres en el cuerpo
Origen Enlace
Felipe Urcia
  • 1.5k
  • 1
  • 7
  • 15

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

EDIT: Explicacion: Uso un ternario (fact ?: '') para evaluar en caso de que fact exista, te retornara al input fact dentro de value, en caso contrario no hace nada dentro del value.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    //let factura = $('#childnfactura').val();
    let factura = $('#factura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

EDIT: Explicacion: Uso un ternario (fact ?: '') para evaluar en caso de que fact exista, te retornara al input fact dentro de value, en caso contrario no hace nada dentro del value.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    let factura = $('#childnfactura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

EDIT: Explicacion: Uso un ternario (fact ?: '') para evaluar en caso de que fact exista, te retornara al input fact dentro de value, en caso contrario no hace nada dentro del value.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    //let factura = $('#childnfactura').val();
    let factura = $('#factura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

se añadieron 190 caracteres en el cuerpo
Origen Enlace
Felipe Urcia
  • 1.5k
  • 1
  • 7
  • 15

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

EDIT: Explicacion: Uso un ternario (fact ?: '') para evaluar en caso de que fact exista, te retornara al input fact dentro de value, en caso contrario no hace nada dentro del value.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact > 0 ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    let factura = $('#childnfactura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact > 0 ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    let factura = $('#childnfactura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

EDIT: Explicacion: Uso un ternario (fact ?: '') para evaluar en caso de que fact exista, te retornara al input fact dentro de value, en caso contrario no hace nada dentro del value.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    let factura = $('#childnfactura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>

Origen Enlace
Felipe Urcia
  • 1.5k
  • 1
  • 7
  • 15

Tal vez agregando tu html a una función para que puedas mandar como parámetro la factura pueda servirte, mira el código como lo modifique seguro te sirve.

$(document).ready(function(e) {
  //Variables
  function inputs(fact) {
    return '<p /><div>N° Factura:<input type="TEXT" name="nfactura" id="childnfactura" value=' + (fact > 0 ? fact : '') + '>Descripcion: <input type="TEXT" name="descripcion"    id="childdescripcion"   /> Modelo: <input type="TEXT" name="modelo"  id="childmodelo"  /> Serial: <input type="TEXT" name="serial"    id="childserial" /> <a href="#" id="remove">X</a></div>';
  }

  var maxrows = 5;
  var x = 1;
  //agregar filas al form
  $("#add").click(function(e) {
    let factura = $('#childnfactura').val();
    $("#container").append(inputs(factura));
  });
  //remover filas del form
  $("#container").on('click', '#remove', function(e) {
    $(this).parent('div').remove();
  });
});
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
  <form action="POST">
    <div id="container">
      N° Referencia:<input type="TEXT" name="nfactura" id="factura"> Descripcion <input type="TEXT" name="descripcion" id="descripcion"> Modelo:
      <input type="TEXT" name="modelo" id="modelo"> Serial:
      <input type="TEXT" name="serial" id="serial">
      <a href="#" id="add"> Add More</a>
    </div>
    <p></p>
    <input type="SUBMIT" name="submit">
  </form>

</body>