1

Tengo un menú de opciones de esta manera:

<form action="feeding" method="post">
    <select id="feedingHay">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
   </select>

  <strong class="section-fourrage section-fourrage-target">3</strong>
</form>

Como le puedo hacer para que seleccione automáticamente el valor 3 de la entrada "feedingHay" a base del numero 3 de la entrada "strong"?

7
  • No entiendo tu pregunta, quieres hacer con JS que tu select seleccione lo que tiene dentro tu etiqueta strong??
    – Luis
    Commented el 17 may. 2017 a las 12:56
  • Si, es posible hacer eso? Commented el 17 may. 2017 a las 12:59
  • Lo que hay dentro de la etiqueta strong viene de una variable??
    – Carmen
    Commented el 17 may. 2017 a las 12:59
  • Si es posible, pero pues no tiene mucha utilidad.
    – Luis
    Commented el 17 may. 2017 a las 13:00
  • No viene de una variable Commented el 17 may. 2017 a las 13:04

3 respuestas 3

1

Con Jquery puedes hacer ésto :

$('#feedingHay').val($('#songValue').outerText);

si le pones al Strong un

id = songValue

y como dicen los comentarios, no tiene mucho sentido lo que quieres hacer

EDIT: Usando Javascript puro

document.getElementById("feedingHay").value = document.getElementById("songValue").outerText
2
  • 1
    Muchas gracias amigo, me sirvio! Commented el 17 may. 2017 a las 13:16
  • Imagino habrás usado el class del Strong, si no puedes hacer ediciones html
    – FederHico
    Commented el 17 may. 2017 a las 13:18
1

Sería así:

  document.getElementById("feedingHay").options.item(2).selected = 'selected';

Recuerda que este código javascript debes ponerlo después de que se cargue la página o no funcionará.

6
  • @Javi Puede ser confuso pero estoy en lo cierto, la etiqueta para seleccionar una option en HTML es selected='selected', no está mal. Commented el 17 may. 2017 a las 13:13
  • disculpas Erlantz, estabas en lo cierto, me confundí con otra cosa ;-p disculpas
    – lromeraj
    Commented el 17 may. 2017 a las 13:17
  • me confundía con checked.... ajajajaa
    – lromeraj
    Commented el 17 may. 2017 a las 13:18
  • @Javi ningún problema, es confuso jajajaja Commented el 17 may. 2017 a las 13:18
  • pero no obstante, tienes razón que se puede hacer como dices, pero desde JS la manera correcta sería escribiendo = true o false, ya que en tu caso como harías para quitar la selección? Es cierto que desde el elemento HTML se dede indicar solamente selected, pero si queremos realizar un cambio en el estado de selected de ese elemento desde Java script la manera correcta es indicando true o false. :)
    – lromeraj
    Commented el 17 may. 2017 a las 13:21
1

Puedes ponerle un id a tu etiqueta strong y despues con JS tomar lo que tiene dentro y darselo a tu select para que lo muestre.

window.onload = function() {
  var seleccion = document.getElementById("seleccion");
  var select = document.getElementById("feedingHay");
  select.value = seleccion.innerHTML;
};
<form action="feeding" method="post">
    <select id="feedingHay">
       <option value="1">1</option>
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
   </select>

  <strong id="seleccion" class="section-fourrage section-fourrage-target">3</strong>
</form>

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.