Aquí he creado un ejemplo para que me ayude a entender,
http://www.jsfiddle.net/BLvsF/

Quiero que el elemento’a6′ a ser desplazado en el visible de la casilla, ¿cómo puedo hacerlo?
Me gustaría utilizar jquery para hacer lo mismo como

$(document).ready(function() {
    $('#btn').click(function() {
        document.getElementById('a6').scrollIntoView();
        });
});

pero, ¿cómo aplicar el mismo usando jQuery?

He intentado utilizar .get(0).scrollIntoView(). pero aún no se aplica.

$(document).ready(function() {
    $('#btn').click(function() {
        $('#a> option:selected').clone(false).appendTo('#b').get(0).scrollIntoView();
    });
});

http://www.jsfiddle.net/CYQfD/

Gracias,
Elaine

  • dar la a6 elemento de un selected="selected" o no es lo que quieres?
  • Favor de proporcionar el marcado de los usuarios, de forma que no tenga que salir de este sitio
  • copia el marcado aquí.
InformationsquelleAutor Elaine | 2011-02-01

4 Comentarios

  1. 1

    simplemente reemplace el controlador de botón con esta línea de código, y listo.

    $('#a').val('a6').scrollIntoView();
  2. 2

    Esto funciona bien…

    $(document).ready(function() {
        $('#btn').click(function() {
            //document.getElementById('a6').scrollIntoView();
            var target = $("#b");
            $('#a> option:selected').clone(false).appendTo(target);
            target.get(0).selectedIndex = target.get(0).options.length - 1;
    
        });
    });
    • un truco :), pero cambió de selectedIndex, puede hacer, yo perfered el uso de otra manera.
  3. 0

    No se puede hacer eso con el nativo de la opción de elemento, ya que no es un elemento como el de un div.
    Usted tendrá que crear un margen de ganancia de más de la selección que actúa como un menú desplegable, pero es extensible. Im ahora mismo móvil así que no puedo schow algunos ejemplos. Pero hay plugins de jquery que permite realizar la superposición, que se puede controlar más fácil

    De búsqueda para jquery dropdown o algo y tomar uno que parece bastante fácil de trabajar con.

    • hola, yo lo tengo resuelto, el uso de .get(0).scrollIntoView(), mucho más fácil de lo que yo pensaba. gracias de todos modos.
    • para mí la solución no funciona…
    • sí, este es sólo el desplazamiento de la vista a la parte superior. He encontrado otro enlace stackoverflow.com/questions/1805808/jquery-scrollintoview pero que aún no se aplica en Firefox3.6. así que, ahora, todavía estoy en la investigación.

Dejar respuesta

Please enter your comment!
Please enter your name here