Esto es interesante. Estoy trabajando en un sitio de Wordpress y hay 2 menús desplegables: 1- seleccione un fabricante 2 - seleccione un modelo

Si uso el mouse para seleccionar el fabricante, los modelos se filtran según el fabricante. Eso está funcionando bien.

Se me ha solicitado que complete automáticamente el menú desplegable con el fabricante, lo cual ya hice con el siguiente código:

En el menú, tengo una acción onclick(spage) en el enlace que llamará a la función a continuación. El registro de la consola muestra los valores correctos.

 function spage() { var valueToFind= '1'; var option; var dd = document.getElementById('device_manufacturer'); for (var i = 0; i < dd.options.length; i++) { if (dd.options[i].value === valueToFind) { dd.selectedIndex = i; var opt = dd.options[dd.selectedIndex]; console.log( opt.value ); console.log(i); break; } } }

Con esta función se llena el maker, pero no se filtra el segundo desplegable con los modelos.

Por lo tanto, se debe hacer clic en la opción del fabricante y no solo encontrarla y mostrarla.

Estoy luchando para que funcione y cualquier ayuda será genial.