Estoy trabajando en un tokenizador de opciones para Magento Bundle Product.

Tengo un tipo de entrada = número que quiero cambiar con jQuery/Javascript.

 <input id="bundle-option-7-qty-input" class="input-text" type="number" value="1">

Para cambiar el valor hago esto:

 $("#bundle-option-7-qty-input").attr('value', 99);

El valor cambia dentro del elemento HTML, pero el aspecto del elemento no cambia el número.

 <input id="bundle-option-7-qty-input" class="input-text" type="number" value="99">

Valor inicial incorrecto

Debería ser esto:

Valor inicial correcto

Parece que el atributo de valor está de alguna manera desconectado de la vista frontal del elemento en sí.

Miré el artículo de MDN sobre este elemento y no pude encontrar ningún atributo que fuera responsable del cambio de front-end: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/ número

¿Alguna idea de cómo puedo cambiar el valor de aspecto frontal de este elemento?

ACTUALIZAR:

Probé .val() tiene el mismo efecto: este es algún tipo de problema con el tipo de entrada = "número"

Si crea un archivo HTML con:

Y dentro de la consola de Chrome cambia el valor a 99

El front-end seguirá mostrando 1:

tipo de entrada = "número" después del cambio de elemento HTML en la consola de Chrome

ACTUALIZACIÓN: parece que Magento 2 podría estar cambiando la propiedad de valor después/antes de realizar el cambio con jQuery.

¿Hay alguna forma de detectar/bloquear este cambio?

ACTUALIZAR: por ahora, solo poner el tiempo de espera de configuración y luego cambiar la entrada parece funcionar.

Voy a ver si puedo detectar el cambio de valor.