How to get checkbox and option value with jquery

Question

I have the following image below

and each checkbox corresponds to the value

<input type="checkbox" value="3" class="serie2" id="serie2[3]" name="serie2[3]">
<input type="checkbox" value="4" class="serie2" id="serie2[4]" name="serie2[4]">
<input type="checkbox" value="5" class="serie2" id="serie2[5]" name="serie2[5]">

successively ... coming from php :

echo "<label><i><input type='checkbox' name='serie2[$lnSer[ser_cod]]' id='serie2[$lnSer[ser_cod]]' class='serie2' value='$lnSer[ser_cod]' $marca>$lnSer[ser_descr]</i></label>";

following, if in my Ajax function I set the variable like this : var serie = '5,17,14'; ok, more when I try to go through using the function below, the problem occurs:

var serie = [];
        $(".serie2:checked").each(function() {
        serie.push(this.value);
    });

how do I get the value in var serie = '5,17,14' ?

same option thing in option :

if I define the value as var stroke = 'I|25|TU-II|2|TU'; passes !

how do I get the value of this field, staying in this stroke format = 'I|25|TU-II|2|TU'

<option value="3|1|2">CICLOS E PRÁTICAS DOCENTES  | Turma 2 |   </option>
<option value="3|1|5">CICLOS E PRÁTICAS DOCENTES  | Turma 5 |   </option>

Thank you

Answer 1

To get selected values from a <select>:

  $('select option:selected').each(function(){
      resultado = resultado +'|' + this.value;
  });

See the Jsfiddler working.

Answer 2

Even with the doubt I raised, I think I can propose a solution. Instead of accumulating the result, you can get a list of everything you want and then transform the results as you see fit. In the case of checkboxes:

var lista = $(".serie2")
              .filter(':checked')           // filtra pelos checados
              .map(function(idx, element) { // transforma a lista
                return element.value;       // nesse exemplo, uma lista de valores
              })

In the function Voce passes to the way map Voce specifies how to generate a new list, the way you want it. As for select, same principle:

var lista = $('select option:selected')
                .map(function(idx, el) { 
                    return el.value;
                })

Now Voce can create a string as it sees fit (type using join, as suggested), or anything else. The interesting thing is that so Oce is working declaratively instead of imperative :)