[SOLUCIONADO] Modificar atributo mínimo de un input, depende del valor de otro input

[agustinpak]

Hola! Saludos

No puedo resolver este problema, debo modificar el valor del atributo mínimo de un input, depende del valor de otro input.

Ejemplo, si el valor del primer input es 2, el mínimo del segundo input debe cambiar a 2000, y así sucesivamente.

Se puede?

Código HTML:

<div class="form-group col-md-3">
<input class="form-control" required type="number"  min="1" max="10" name="cantidad_bultos" placeholder="Bultos">
<small id="valorBultos" required class="form-text text-muted">MAX: 10 Unidades.</small>
</div>
 
                                    
<div class="form-group col-md-3">
<input class="form-control" required type="number" min="1000" max="15000" name="valor_declarado" placeholder="Valor">
<small id="valorHelp" class="form-text text-muted">$1000 - $15000.</small>
</div>
 

[ArturoGallegos]

Claro que se puede, todo es cuestión de que tu quieras hacerlo :D

[agustinpak]

Créeme que llevo dos días intentando y lo máximo que logre hacer es cambiar el valor de un input por el de otro

Estoy a años luz de lo que intento hacer.

Código Javascript:

<script>
      $(document).ready(function () {
          $("#1").keyup(function () {
              var value = $(this).val();
              $("#2").val(value);
          });
      });
</script>
 

Código HTML:

<div class="form-group col-md-3">
<input class="form-control" required type="number"  min="1" max="10" name="cantidad_bultos" id="1" placeholder="Bultos">
<small id="valorBultos" required class="form-text text-muted">MAX: 10 Unidades.</small>
</div>
 
                                    
<div class="form-group col-md-3">
<input class="form-control" required type="number" min="1000" max="15000" name="valor_declarado"  id="2" placeholder="Valor">
<small id="valorHelp" class="form-text text-muted">$1000 - $15000.</small>
</div>
 

[ArturoGallegos]

Viendo que has hecho algo aqui tienes una posible solucion

Nota: no uses jQuery cuando no lo necesitas para algo util

Código HTML:

input1
<input type="number" id="input1">
<br><br>
input2
<input type="number" id="input2">
 

Código Javascript:

const input1 = document.getElementById('input1');
const input2 = document.getElementById('input2');
 
input1.addEventListener('input', (event) => {
  const { currentTarget } = event;
  if(!currentTarget.value) return;
  const minValue = Number(currentTarget.value) * 1000;
  input2.setAttribute('min', minValue);
  if(Number(input2.value) < minValue){
    input2.value = minValue;
  }
});
 

[agustinpak]

Muchas gracias. No funciono tal cual me lo pasaste, y como no entiendo mucho estoy investigando de que se trata. No tengo mucho conocimiento

[ArturoGallegos]

El ejemplo es 100% funcional, lastimosamente no siempre es copy-paste, ahora te toca investigar para entenderlo y saber como integrarlo a tu proyecto

[agustinpak]

Muchas gracias. Tu código funciona perfectamente. Estuve leyendo y probando, y al fin pude realizar lo que necesitaba.

Saludos