Una vez que haga clic en la etiqueta seleccione el botón abrir

quiero abrir botón seleccionar si hago clic en la etiqueta ,

aquí está el código

<label>sachin</label>
<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

¿hay alguna forma en css o jquery ? no estoy seguro acerca de esto.

violín :http://jsfiddle.net/Yh3Jf/

Por ahora, no se puede. La mejor solución será utilizar jQuery dropdownlist para crear su propia lista desplegable. Goto stackoverflow.com/questions/360431/… Aquí hay algunos plugins que pueden ayudar a usted jquery4u.com/plugins/10-jquery-selectboxdrop-down-plugins
Yo no creo que sea posible. Usted puede y seleccione con la etiqueta, pero no se expanda. Yo creo que hasta el sistema operativo.

OriginalEl autor supersaiyan | 2013-03-06

5 respuestas

  1. 4

    ¿Quieres hacer algo como esto? http://jsfiddle.net/Yh3Jf/6/

        <label id="l">sachin</label>
        <select id="s">
            <option>1</option>
            <option>2</option>        
            <option>3</option>
            <option>4</option>
       </select>  
    
    $("#l").click(function () {
        var size = $('#s option').size();
        if (size != $("#s").prop('size')) {
            $("#s").prop('size', size);
        } else {
            $("#s").prop('size', 1);
        }
    })
    excelente amigo. Eso es lo que quiere exactamente

    OriginalEl autor

  2. 8

    Sin necesidad de javascript aquí, sólo el estilo con CSS y utilizar los eventos de puntero :

    <label>
    <select>
       <option value="0">Zero</option>
       <option value="1">One</option>
    </select>
    </label>

    y la relativa CSS es

    label:after {
        content:'\25BC';
        display:inline-block;
        color:#000;
        background-color:#fff;
        margin-left:-17px;   /* remove the damn :after space */
        pointer-events:none; /* let the click pass trough */
    }

    Aquí es un feo de violín de la muestra: https://jsfiddle.net/1rofzz89/

    esto es impresionante respuesta sin jQuery hacks

    OriginalEl autor

  3. 7

    Chicos mal; para obtener el nativo de la selección de la lista acaba de hacer una invisible clon bajo el ratón:

    $("label").mouseover(function(){
        var $this = $(this);
        var $input = $('#' + $(this).attr('for')); 
        if ($input.is("select") && !$('.lfClon').length) {
            var $clon = $input.clone();
            var getRules = function($ele){ return {
                position: 'absolute',
                left: $ele.offset().left,
                top: $ele.offset().top,
                width: $ele.outerWidth(),
                height: $ele.outerHeight(),
                opacity: 0,
                margin: 0,
                padding: 0
            };};
            var rules = getRules($this);
            $clon.css(rules);
            $clon.on("mousedown.lf", function(){
                $clon.css({
                    marginLeft: $input.offset().left - rules.left,
                    marginTop: $input.offset().top - rules.top,
                });
                $clon.on('change blur', function(){
                    $input.val($clon.val()).show();
                    $clon.remove();
                });
                $clon.off('.lf');
            });
            $clon.on("mouseout.lf", function(){
                $(this).remove();
            });
            $clon.prop({id:'',className:'lfClon'});
            $clon.appendTo('body');
        }
    });

    Probado en IE10, Chrome 27 y Firefox 22

    Demo: http://jsfiddle.net/Yh3Jf/24/

    OMI esto debe ser aceptado respuesta
    demasiado agresivo, la clonación de un objeto dom tiene una gran cantidad de resultados inesperados
    ¿Qué resultados inesperados @Ayyash? Obviamente, usted debe probar todo lo que todavía funciona después de su aplicación. Independientemente, Si quieres una menos “agresivos” de manera que usted siempre puede duplicar el <seleccione> (sin [nombre]) en el propio HTML (sin JS) y hacer reales seleccione transparente y posición usted mismo mediante el uso de CSS para cada caso, pero que necesita más tiempo/esfuerzo.
    por ejemplo, si usted tiene otro plugin para trabajar con la misma entrada, recuerdo que me encontré con un gran problema debido a que el archivo de entrada fue atado a un plugin, a mi la validación de la era de la clonación, (mediante el uso de wrap()) y por lo tanto perder todo lo que adjunto para el elemento original… en angular demasiado si no clon en el derecho de ciclo de vida de gancho, se pierde el control

    OriginalEl autor

  4. 2

    Si usted está tratando de focalizarse en el cuadro de selección (permitiendo de esta forma de flecha arriba y abajo), usted puede usar algo como…

    <label for="sel">sachin</label>
    <select id="sel">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
    no quiero abrirlo

    OriginalEl autor

  5. 0

    Lamentablemente inst posible utilizar cualquier tipo de código para tener el nativo seleccione la lista desplegable mostrar.

    Pero he visto a gente usar un backgrond de la imagen y, a continuación, seleccione el cop (marque la casilla Mightydeals.com)

    Si no se resuelva a jquery y html para producir el efecto.

    OriginalEl autor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *