Quiero cambiar el tamaño de la imagen o cualquier valor en la página HTML mediante esta lista desplegable.
este es mi código:
<html> <head> </head> <body> <select id="selectbox" name=""> <option value="empty"></option> <option value="firstSize">1</option> <option value="SecondSize">2</option> </select> <br><br> <img src="https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=768,432"> </div> </body> </html> Si selecciono 1 del cuadro de selección, quiero cambiar el tamaño de la imagen de arriba src a "https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=400,200"
Esto funcionará, puedes cambiar el texto del botón si quieres
function check(){ var val = document.getElementById("selectbox").value var pic = document.getElementById("img") if(val==="firstSize"){ pic.setAttribute('src','https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=400,200') } } <html> <head> </head> <body> <select id="selectbox" name=""> <option value="empty"></option> <option value="firstSize">1</option> <option value="SecondSize">2</option> </select> <button onclick="check()">Check</button> <br><br> <img src="https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=768,432" id="img"> </div> </body> </html>O puedes hacer
function check(){ var val = document.getElementById("selectbox").value var pic = document.getElementById("img") if(val==="firstSize"){ pic.setAttribute('src','https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=400,200') } } <html> <head> </head> <body> <select onchange="check()" id="selectbox" name=""> <option hidden value="empty"></option> <option value="firstSize">1</option> <option value="SecondSize">2</option> </select> <br><br> <img src="https://www.ask.com/wp-content/uploads/sites/3/2022/02/PowerOfDogPromo.jpeg?resize=768,432" id="img"> </div> </body> </html>lo que es diferente en el fragmento 1 y 2 está en el número 2, no hay ningún botón, cuando hace clic en una opción, cambiará y no podrá seleccionar el valor vacío
puede combinar 1 y 2 usando oculto y sin botón, pero si se rompe, simplemente publique en esta pregunta/publicación