title: Jquery add only current selected values to input
body: <p>This script adds the selected value from each select under #todoslosmodelos to the input #1471599855
  How can I modify it so that it only adds the current selected values? Meaning if I change a selected value to another value then the previous selected value would be removed form the input so that it always reflects only the current selected values from all selects under #todoslosmodelos?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var val = "";
  var theval = $("#1471599855");
  
  $("#todoslosmodelos select").change(function() {
  
    val = $(this).children("option:selected").val();
    if (val.length &gt; 0) {
      //addVals = addVals + val1;
      theval.val(theval.val() + val + ", ");
  
    }
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;fieldset id="todoslosmodelos"&gt;
    &lt;div class="form-group"&gt;
      &lt;div class="checkbox" id="modeload-modelo-40"&gt;&lt;input id="40" type="checkbox" value="40" /&gt;
        &lt;div class="single-item"&gt;
          &lt;div&gt;&lt;label for="40"&gt;&lt;img alt="" src="https://drive.google.com/uc?id=1v3Tg16LptDiUDK6tMoPZvpTaztiuJOqR" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="40"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=18vU7K4MMZylkuS3hPTz1vNLQfTZthi5j" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="40"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1KSFpMlG5Nke_8q5D_MBzLnXzdGZLowru" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="40"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1YmPzIQ7n2p5s7TavwhTTJVGR8RXegeKL" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="40"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1G7eQhmSJpdRaV5HmVm-iVt8wXiloHqPO" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="novisible" id="talles-modelo-40"&gt;
          &lt;div class="select"&gt;&lt;label for="hwA-qty-modelo-40"&gt;PARA SELECCIONAR TALLES PRIMERO MARC&amp;Aacute; LA CANTIDAD DE PARES DE &amp;quot;MODELO 40&amp;quot;&lt;/label&gt;&lt;br /&gt;
            &lt;label&gt;1 &lt;input name="hwA-qty-modelo-40" type="radio" value="1" /&gt;&lt;/label&gt; &lt;label&gt;2 &lt;input name="hwA-qty-modelo-40" type="radio" value="2" /&gt;&lt;/label&gt; &lt;label&gt;3 &lt;input name="hwA-qty-modelo-40" type="radio" value="3" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-40-1"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-40"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-40"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-40"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-40"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-40"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-40"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-40-2"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-40"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-40"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-40"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-40"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-40"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-40"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-40-3"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-40"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-40"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-40"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-40"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-40"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-40"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="checkbox" id="modeload-modelo-39"&gt;&lt;input id="39" type="checkbox" value="39" /&gt;
        &lt;div class="single-item"&gt;
          &lt;div&gt;&lt;label for="39"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1rw9fI90Gp5z4gThKLVqMvaRWFUtpmAXD" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="39"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1D3rZKrVPHwy40CVGWX2g62i6gJ8xU0r_" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="39"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1Y16ldT1s7vy2892xUVmaZzSRVj1vTZYd" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="39"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1UDAn49FofPAQDL93r0ruScgbXk4qUoQ0" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;div&gt;&lt;label for="39"&gt;&lt;img alt="" data-lazy="https://drive.google.com/uc?id=1B7-M_ewJ3wUrrTTKH2covvCVxxkUOGUq" src="null" /&gt;&lt;/label&gt;&lt;/div&gt;
        &lt;/div&gt;
  
        &lt;div class="novisible" id="talles-modelo-39"&gt;
          &lt;div class="select"&gt;&lt;label for="hwA-qty-modelo-39"&gt;PARA SELECCIONAR TALLES PRIMERO MARC&amp;Aacute; LA CANTIDAD DE PARES DE &amp;quot;MODELO 39&amp;quot;&lt;/label&gt;&lt;br /&gt;
            &lt;label&gt;1 &lt;input name="hwA-qty-modelo-39" type="radio" value="1" /&gt;&lt;/label&gt; &lt;label&gt;2 &lt;input name="hwA-qty-modelo-39" type="radio" value="2" /&gt;&lt;/label&gt; &lt;label&gt;3 &lt;input name="hwA-qty-modelo-39" type="radio" value="3" /&gt;&lt;/label&gt;&lt;/div&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-39-1"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-39"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-39"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-39"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-39"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-39"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-39"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-39-2"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-39"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-39"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-39"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-39"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-39"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-39"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
  
          &lt;fieldset class="fieldsetstalles" id="hwA-modelo-39-3"&gt;
            &lt;div class="form-group"&gt;
              &lt;select class="form-control talle"&gt;
                &lt;option selected value=""&gt;-- Seleccione Talle --&lt;/option&gt;
                &lt;option value="35-modelo-39"&gt;35&lt;/option&gt;
                &lt;option value="36-modelo-39"&gt;36&lt;/option&gt;
                &lt;option value="37-modelo-39"&gt;37&lt;/option&gt;
                &lt;option value="38-modelo-39"&gt;38&lt;/option&gt;
                &lt;option value="39-modelo-39"&gt;39&lt;/option&gt;
                &lt;option value="40-modelo-39"&gt;40&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/fieldset&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/fieldset&gt;
  
  
  &lt;fieldset&gt;
    &lt;legend for="1471599855"&gt;&lt;br /&gt; MODELOS/TALLES SELECCIONADOS:&lt;br /&gt;
      &lt;span style="font-size: 11px;"&gt;muestra los Modelos/Talles que seleccionaste arriba.&lt;/span&gt;&lt;/legend&gt;
  
    &lt;div class="form-group"&gt;&lt;input class="form-control" id="1471599855" name="entry.1471599855" readonly="readonly" type="text" /&gt;&lt;/div&gt;
  &lt;/fieldset&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>FIDDLE including markup here:
  <a href="http://jsfiddle.net/hejsz43y/2/" rel="nofollow noreferrer">http://jsfiddle.net/hejsz43y/2/</a></p>