JavaScript - Cambiar la opcion del selector en función de su data-value

Val: 1

Cambiar la opcion del selector en función de su data-value

Publicado por pepe (1 intervención) el 23/06/2020 08:55:42

Hola, os cuento. Tengo una pregunta (en un formulario) de tipo <select> que vendrá con un data-value por defecto. Quiero que la ventana del selector venga con el data-value que tiene por defecto. Os muestro:
Lo que necesito es que cuando en data-value aparezca por ejemplo en este caso "Póliza contratada" en el front end del selector en lugar de "seleccionar" que me aparezca "Póliza contratada".
Estoy muy perdido, muchas gracias

<p class="rojo planes"> 4. Estado del cierre</p>

<br>

<ul class="puntos-encuesta pregunta">

<select  id="fe684" name="P2_4"  data-value="Póliza contratada">

     <option value="Seleccionar">Seleccionar

      </option>

      <option value="Póliza contratada">Póliza contratada

      </option>

      <option value="Ilocalizable">Ilocalizable

      </option>

      <option value="Desinteresado">Desinteresado

      </option>

      <option value="Sin responder">Sin responder

      </option>

      <option value="Llamada nueva">Llamada nueva

      </option>

      <option value="Otras">Otras

      </option>

  </select>

</ul>

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 1

Val: 3.506

Cambiar la opcion del selector en función de su data-value

Publicado por joel (895 intervenciones) el 23/06/2020 11:20:55

Hola Pepe, aquí tienes como hacerlo:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

</head>

<body>

<p class="rojo planes"> 4. Estado del cierre</p>

<br>

<ul class="puntos-encuesta pregunta">

<select  id="fe684" name="P2_4"  data-value="Póliza contratada">

     <option value="Seleccionar">Seleccionar

      </option>

      <option value="Póliza contratada">Póliza contratada

      </option>

      <option value="Ilocalizable">Ilocalizable

      </option>

      <option value="Desinteresado">Desinteresado

      </option>

      <option value="Sin responder">Sin responder

      </option>

      <option value="Llamada nueva">Llamada nueva

      </option>

      <option value="Otras">Otras

      </option>

  </select>

</ul>

<script>

document.querySelector("option[value='"+document.getElementById("fe684").dataset.value+"']").selected=true;

</script>

Es muy importante establecer el charset!!!

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar