Estoy usando chosen.js para crear un select múltiple, pero en lugar de procesar el formulario en php, estoy tratando de usar javascript para analizar los valores. Mi problema es que no puedo averiguar cómo recuperar los valores de la selección múltiple.

Puedo crear el select con:

<select data-placeholder="Select a category..." name="categories[]" multiple style="width: 350px" class="chzn-select">

e intentar obtener los valores seleccionados por el uso de estas llamadas a funciones javascript:

$('.chzn-select').chosen().val();

devuelve null

y

$('.chzn-select').chosen().val(0);

devuelve

{"0":{"jQuery19109988393174677814":730},"length":1,"prevObject":{"0": {"jQuery19109988393174677814":1,"location":{}},"context":{"jQuery19109988393174677814":1,"location":{}},"length":1},"context":{"jQuery19109988393174677814":1,"location":{}},"selector":".chzn-select"}

utilizando JSON.stringify()

InformationsquelleAutor Michael | 2013-03-21

1 Comentario

  1. 7

    Se mezclan el uso de chosen() y val().

    El ex transforma su select en un bonito múltiples lista de selección, mientras que el segundo obtiene el valor(s) del elemento seleccionado(s).

    Por lo que su código JavaScript sería:

    //Transforms your select element
    $(".chzn-select").chosen();
    
    //Gets the selected value(s)
    $(".chzn-select").val();

    La val() método devolverá una matriz que contiene cada opción seleccionada.

    Que rápidamente se creó un jsFiddle a mostrar cómo utilizar el plugin: cuando usted haga clic en el botón, podrá ver los valores seleccionados en la consola.

    • Que funcionó a la perfección, gracias

Dejar respuesta

Please enter your comment!
Please enter your name here