2

Estoy usando la consola de Chrome para probar esto ya que lo usaría como script para ahorrar tiempo en una tarea que realizo.

La idea es la siguiente, yo tengo esto

<div id="seccion1">
    <select>
       <option value=1>Ejemplo 1</option>
       <option value=2>Ejemplo 2</option>
    </select>
</div>

<div id="seccion2">
    <select>
       <option value=1>Ejemplo 1</option>
       <option value=2>Ejemplo 2</option>
    </select>
</div>

En tonces yo quiero que el select de seccion1, cuando se cargue la app, desde el navegador y con la consola settear el valor del select, el tema es que al no tener ID propio, no puedo usar el getElementById, realmente no se como hacer. ¿Alguna idea?

3 respuestas 3

6

Usa el método QuerySelector.

Ejemplo: document.querySelector("#seccion1 > select").value=1

Obtiene el primer elemento "select" en el documento donde su padre tiene el id "seccion1".

4

Con jquery lo puedes hacer así:

var select = $("#seccion1 select");

Revisa el ejemplo:

var select = $("#seccion1 select");

alert(select.text());

//Una vez que tenga el objeto ya puedes hacerle las modificaciones que desees:

$(select).css('width','250px');
$(select).css('height','30px');
$(select).css('color','blue');
$(select).append('<option value=3>Ejemplo 1.3-Agregado</option>');
$(select).append('<option value=4>Ejemplo 1.4-Agregado</option>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="seccion1">
    <select>
       <option value=1>Ejemplo 1.1</option>
       <option value=2>Ejemplo 1.2</option>
    </select>
</div>

<div id="seccion2">
    <select>
       <option value=1>Ejemplo 1</option>
       <option value=2>Ejemplo 2</option>
    </select>
</div>

Comprobado si acepta jquery Chrome:

introducir la descripción de la imagen aquí

Esta versión es la que estoy utilizando:

introducir la descripción de la imagen aquí

3
  • El problema es que no estoy seguro que la consola de Chrome corra jQuery, o si?
    – Carlos
    el 3 feb. 2017 a las 1:19
  • Creo que si lo corre... haz la prueba :-) el 3 feb. 2017 a las 1:20
  • Mira si lo corre, pero no se si dependa de si el jquery ya había sido cargado por la pagina abierta... tal vez dependa de eso. el 3 feb. 2017 a las 1:37
1

var x=document.querySelector("#seccion1 > select");
console.log(x);
<div id="seccion1">
    <select>
       <option value=1>Ejemplo 1</option>
       <option value=2>Ejemplo 2</option>
    </select>
</div>

<div id="seccion2">
    <select>
       <option value=1>Ejemplo 1</option>
       <option value=2>Ejemplo 2</option>
    </select>
</div>

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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