0

Tengo dos campos input tipo number, el primero se llama tarima inicial y el segundo tarima final; lo que necesito es que al elegir la cantidad en la tarima inicial el siguiente input pueda escribir un numero igual o mayor al inicial.

Mi código del formulario es este:

 <div class="input-group">
    <input type="number" id="tarimaini" name="tarimaini" min="1">
    <label class="label" for="tarini">De Tarima:</label>
 </div>
 <div class="input-group">
  <input type="number" id="tarimafin" name="tarimafin" min="1">
  <label class="label" for="tarfin">A:</label>   
 </div>
 <input type="submit" value="Crear">
 </div>
 </form>
 </div>
 </div>
 <script src="js/formulario.js"></script>   
</body>
</html>
1
  • ¿Nos compartirías que has intentado pro favor?, lee Cómo preguntar
    – user128299
    el 14 oct. 2020 a las 19:24

2 respuestas 2

0

$('#tarimaini').change(function() {
    $('#tarimafin').val($(this).val());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="input-group">
    <input type="number" id="tarimaini" name="tarimaini" min="1">
    <label class="label" for="tarini">De Tarima:</label>
 </div>
 <div class="input-group">
  <input type="number" id="tarimafin" name="tarimafin" min="1">
  <label class="label" for="tarfin">A:</label>   
 </div>
 <input type="submit" value="Crear">
 </div>
 </form>
 </div>
 </div>
 <script src="js/formulario.js"></script>   
</body>
</html>

Listo amigo, tengo entendido que es exactamente lo que buscabas, al elegir cierta cantidad en automatico se pasa al input de abajo. Saludos.

(Dale a "Ejecutar" para que lo veas, por si acaso)

3
  • ¿Qué tal si basándonos en Cómo responder le explicas el código por favor?
    – user128299
    el 14 oct. 2020 a las 20:03
  • Tu respuesta está bien, pero no le explicas al usuario que es lo que haces. Que pasa si el usuario no está utilizando JQuery?? el 14 oct. 2020 a las 22:24
  • @EraldoCoil gracias amigo se ve bien solo me dices como habilito jquery para que tenga efecto el script porfa, he usado muy poco jquery el 16 oct. 2020 a las 17:40
0

Hola carlos te dejo una opcion para lo que necesitas , tome tu mismo HTML , lo que podes hacer primero es referenciar ambos inputs , en este caso lo hizo por su ID como veras y como necesitas que la tarima final en la seleccion sea menor o igual que la tarima inicial solo setie el atributo min al valor actual del input que contiene las tarimas iniciales , esto se ejecuta cuando se escucha un cambio en el segundo input , con el evento change, espero te sirve , saludos

const tarifaInicial = document.getElementById('tarimaini')
const tarifaFinal  = document.getElementById('tarimafin')

tarifaFinal.addEventListener('change',()=>{
    tarifaFinal.setAttribute('min',tarifaInicial.value)
     
})
<div class="input-group">
    <input type="number" id="tarimaini" name="tarimaini" min="1">
    <label class="label" for="tarini">De Tarima:</label>
 </div>
 <div class="input-group">
  <input type="number" id="tarimafin" name="tarimafin" min="1">
  <label class="label" for="tarfin">A:</label>   
 </div>
 <input type="submit" value="Crear">
 </div>
 </form>
 </div>
 </div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.