0

Hola tengo un select que es el siguiente:

<form id="frmadd">
  <label >Seleccionar producto</label>
  <br>
  <select type="number" name="buscadorvivoop" id="buscadorvivoop" class="form-control input-sm" style="width:260px; " onchange="data(this);">
    <option value="0">ninguno</option>
    <?php 
      while($ver=mysqli_fetch_row($result)):
    ?>
    <option value="<?php echo $ver[0]; ?>" data-img="<?php echo $ver[2]; ?>">
      <?php echo $ver[1] ?> 
    </option>
    <?php 
      endwhile; 
    ?>
  </select>
  <br>
  <br>
  <label>Cantidad a agregar</label>
  <input type="number" name="cantidad" id="cantidad" class="form-control input-sm"  style="width:260px;" value="0" size="15" onclick="if(this.value=='0') this.value=''" onblur="if(this.value=='') this.value='0'" onfocusout="addtabletemp('frmadd')"/>
    <br>
</form>

para tratar de obtener el atributo y saber que option esta seleccionado hago uso del atributo onchange() para enviar a la función data() dicho elemento:

<script>
  function data(element){ 
    var url = element.getAttribute('data-img');
    if(url==null){
      document.getElementById("imgpro").style.display = 'none'; 
    }else{
      document.getElementById("imgpro").src=url;
      document.getElementById("imgpro").style.display = '';
    }
  }
</script>

pero no me obtiene el atributo . Espero me puedan ayudar

0

1 respuesta 1

2

Debes usar esto para llegar al option seleccionado:

onchange="data(this.options[this.selectedIndex]);"

o bien esto otro dentro del javascript:

var url = element[element.selectedIndex].getAttribute('data-img');

donde lo que hacemos es usar la propiedad selectedIndex para delimitar el option que se está seleccionando.

1
  • muchas gracias!!
    – Gomaru
    el 1 sep. 2022 a las 16:04

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.