Collect value of multiple select with jquery

Question

Collect value of multiple select with jquery

Navigation

#1 by (2 votes)
#2 by (1 votes)

2

I have a multiple select from which I need to check the value with jquery. I need to know how to pick up the value of that select, because if it's empty it returns this:

But putting it in a if ([] === $("#comercial_lista_calc").val()) returns false and if I put !== it does not work correctly either because it does not enter the if.

<label for="comercial_lista_calc">{{ "Comercial"|trans }}</label><br>
        <select id="comercial_lista_calc" name="comercial_lista_calc[]" class="chosen selectMed" multiple="true">
            <option value="todos">{{ "Todos.comerciales"|trans }}</option>
            {% for comercial in comerciales %}
                <option value="{{ comercial.id }}">{{ comercial.username|title }}</option>
            {% endfor %}
        </select>

The solution has been this: if(0 < $("#comercial_lista_calc").val().length)

javascript jquery

asked by Pavlo B. 21.05.2018 в 16:14

source

2 answers

search textbox inside div Not Suitable User Defined Conversion error with use of templates

score 2 · Answer 1

2

You could put it in an change event and evaluate it there.

$("#comercial_lista_calc").on('change', function() {
  var val = $(this).val();
  // te muestra un array de todos los seleccionados
  console.log(val);
});

answered by 21.05.2018 в 16:28

score 1 · Answer 2

The problem is in this comparison:

if ([] === $("#comercial_lista_calc").val())

What it does is evaluate if two objects are equal ...

If you want to evaluate if the value is empty, you can do it by means of a simple if(!valorDelSelect){ or by means of a ternary operator that allows you to assign a unique variable depending on whether it is empty or not and use that variable.

For example:

$('#comercial_lista_calc').on('change', function() {
  var selValue = this.value;
  var selStatus = (selValue) ? "Tiene el valor: " + selValue : "Está vacío";
  console.log(selStatus);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="comercial_lista_calc">Lista</label><br>
<select id="comercial_lista_calc" name="comercial_lista_calc[]" class="chosen selectMed" multiple="true">
  <option value="todos">Todos</option>
  <option value="uno">Uno</option>
  <option value="dos">Dos</option>
  <option value="">Vacío</option>

</select>