Skip to main content
Revertido a la revisión 3
Origen Enlace
user128299
user128299

SOLUCIONADO gracias a trodos!!!He generado dos listas, una dependiente de la otra (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la última columna, y que en cada vector de imágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo único que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contenedor div id=descripcion.

Mis funciones son estas :

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 

Lo necesito en javascript puro

SOLUCIONADO gracias a trodos!!!

He generado dos listas, una dependiente de la otra (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la última columna, y que en cada vector de imágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo único que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contenedor div id=descripcion.

Mis funciones son estas :

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 

Lo necesito en javascript puro

se eliminaron 2519 caracteres en el cuerpo
Origen Enlace

He generado dos listas, una dependiente de la otra (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la última columna, y que en cada vector de imágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo único que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contenedor div id=descripcion.

Mis funciones son estas :

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 

Lo necesito en javascript puroSOLUCIONADO gracias a trodos!!!

He generado dos listas, una dependiente de la otra (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la última columna, y que en cada vector de imágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo único que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contenedor div id=descripcion.

Mis funciones son estas :

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 

Lo necesito en javascript puro

SOLUCIONADO gracias a trodos!!!

Añadiendo fragmento ejecutable
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

mostrar Mostrar imagen despuesdespués de select dependientes javascript

heHe generado dos listas, una dependiente de la otra  (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la ultimaúltima columna, y que en cada vector de imagenesimágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo unicoúnico que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contendorcontenedor div id=descripcion.

        var provincias = new Array()
    provincias[1] = ["Elige provincia","Almería","Cádiz","Córdoba","Granada","Huelva","Jaen","Málaga","Sevilla"]
    
    var imagenes = new Array()
    imagenes[1] = new Array()
    imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
    imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
    imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
    imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
    imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
    imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
    imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
    imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]


function eligeprovincia(lista){
    var comseleccionada = lista.comunidades.selectedIndex
        lista.listaprovincias.length = provincias[comseleccionada].length
        for (i=0; i<lista.listaprovincias.length; i++){
            lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
        }
}
function muestraimagen(lista){
    var comseleccionada = lista.comunidades.selectedIndex
    var laimagen = lista.listaprovincias.selectedIndex
        lista.descripcion.length = imagenes[comseleccionada][laimagen].length
        for (i=0; i<lista.descripcion.length; i++){
            lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
        }
}

Y aqui el cuerpo

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 
    <form>
    <select name="comunidades" onchange="eligeprovincia(this.form)">
    <option selected>Elige comunidad</option>
    <option>Andalucia</option>

    </select>
    <select name="listaprovincias" onchange="muestraimagen(this.form)">
    <option></option>
    </select>
    <select name="descripcion">
    <option></option>
    </select>
</form> 
 

mostrar imagen despues de select dependientes javascript

he generado dos listas, una dependiente de la otra(Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la ultima columna, y que en cada vector de imagenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo unico que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contendor div id=descripcion.

        var provincias = new Array()
    provincias[1] = ["Elige provincia","Almería","Cádiz","Córdoba","Granada","Huelva","Jaen","Málaga","Sevilla"]
    
    var imagenes = new Array()
    imagenes[1] = new Array()
    imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
    imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
    imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
    imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
    imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
    imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
    imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
    imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]


function eligeprovincia(lista){
    var comseleccionada = lista.comunidades.selectedIndex
        lista.listaprovincias.length = provincias[comseleccionada].length
        for (i=0; i<lista.listaprovincias.length; i++){
            lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
        }
}
function muestraimagen(lista){
    var comseleccionada = lista.comunidades.selectedIndex
    var laimagen = lista.listaprovincias.selectedIndex
        lista.descripcion.length = imagenes[comseleccionada][laimagen].length
        for (i=0; i<lista.descripcion.length; i++){
            lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
        }
}

Y aqui el cuerpo

    <form>
    <select name="comunidades" onchange="eligeprovincia(this.form)">
    <option selected>Elige comunidad</option>
    <option>Andalucia</option>

    </select>
    <select name="listaprovincias" onchange="muestraimagen(this.form)">
    <option></option>
    </select>
    <select name="descripcion">
    <option></option>
    </select>
</form> 

Mostrar imagen después de select dependientes

He generado dos listas, una dependiente de la otra  (Comunidad : ciudad : imagen), y no consigo que se muestre una imagen en la última columna, y que en cada vector de imágenes, yo pueda mostrar una imagen una vez seleccionada la ciudad. Lo único que he conseguido es generar otro select donde muestra el mensaje de "aqui va una imagen de ...", pero quiero que en vez del select name=descripcion salga una imagen en un contenedor div id=descripcion.

var provincias = new Array()
provincias[1] = ["Elige provincia", "Almería", "Cádiz", "Córdoba",
    "Granada", "Huelva", "Jaen", "Málaga", "Sevilla"]
        
var imagenes = new Array()
imagenes[1] = new Array()
imagenes[1][1] = ["Aqui se mostrara una imagen de almeria"]
imagenes[1][2] = ["Aqui se mostrara una imagen de cadiz"]
imagenes[1][3] = ["Aqui se mostrara una imagen de cordoba"]
imagenes[1][4] = ["Aqui se mostrara una imagen de granada"]
imagenes[1][5] = ["Aqui se mostrara una imagen de huelva"]
imagenes[1][6] = ["Aqui se mostrara una imagen de jaen"]
imagenes[1][7] = ["Aqui se mostrara una imagen de malaga"]
imagenes[1][8] = ["Aqui se mostrara una imagen de sevilla"]
    
    
function eligeprovincia(lista){
  var comseleccionada = lista.comunidades.selectedIndex
    lista.listaprovincias.length = provincias[comseleccionada].length
    for (i=0; i<lista.listaprovincias.length; i++){
      lista.listaprovincias.options[i].text = provincias[comseleccionada][i]
    }
}

function muestraimagen(lista){
  var comseleccionada = lista.comunidades.selectedIndex
  var laimagen = lista.listaprovincias.selectedIndex
    lista.descripcion.length = imagenes[comseleccionada][laimagen].length
    for (i=0; i<lista.descripcion.length; i++){
      lista.descripcion.options[i].text = imagenes[comseleccionada][laimagen][i]
    }
}
<form>
  <select name="comunidades" onchange="eligeprovincia(this.form)">
  <option selected>Elige comunidad</option>
  <option>Andalucia</option>

  </select>
  <select name="listaprovincias" onchange="muestraimagen(this.form)">
  <option></option>
  </select>
  <select name="descripcion">
  <option></option>
  </select>
</form> 
 

se añadieron 30 caracteres en el cuerpo
Origen Enlace
Loading
Origen Enlace
Loading