gracias por leer mi post, tengo un formulario , con dos campos , regiones y países, el cual es dinámico. Es decir, Si seleccionan Europa, en el desplegable de Países solo se muestran los de esa región.
Pero, tengo un problema, y es cuando los usuarios pueden autocompletar el formulario, se les rellena solo, y seleciona Europa, en ese caso, el javascript no detecta que se ha seleccionado Europa y se queda sin mostrar los países de esa región. Está hecho en woocommerce, y no puedo usar php para hacer estos campos de forma dinámico.
¿ alguna ayuda ? gracias de antemano
<script type="text/javascript">
(function($)
{
var paises = new Array()
paises.push(["Elige país","España","Portugal","Alemania", "Francia","Inglaterra", "Otros Europa"]);
paises.push(["Elige país","Argentina","Colombia","Perú", "Otros América del Sur y Norte"]);
paises.push(["Elige país","México"]);
paises.push(["Elige país","Miami", "Otros de Estados Unidos"]);
$('#region').change(function(){
var seleccionado = $('#region').val();
switch(seleccionado){
case "1":
var opciones = crearOptions(paises[0]);
$('#pais option').remove();
$('#pais').html(opciones);
break;
case "2":
var opciones = crearOptions(paises[1]);
$('#pais option').remove();
$('#pais').html(opciones);
break;
case "3":
var opciones = crearOptions(paises[2]);
$('#pais option').remove();
$('#pais').html(opciones);
break;
case "4":
var opciones = crearOptions(paises[3]);
$('#pais option').remove();
$('#pais').html(opciones);
break;
}
});
function crearOptions(obj){
var html = "";
$.each(obj, function(item,value){
html += '<option value ="' + value + '">' + value + '</option>'
});
return html;
}
})( jQuery );
</script>
autocompletechange
que podria ayudarte. Podrias poner el codigo html asi meto todo en codepen y pruebo? Gracias