title: Empty a select if the option was already selected
body: <p>I have a button that append a row with a select with its options. I gave those select a class (&quot;.nuevaDescripcionProducto&quot;). The select has its first option (with the value: &quot;Select an option&quot; or whatever) and the rest of the options are added when I click the button to add the new row. Ok, what I want is: To go back to the first option if I select an option that is already selected in another row. Maybe you could get it more clear by looking a the picture:</p>
  <p><a href="https://i.stack.imgur.com/f9Yxs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f9Yxs.png" alt="example" /></a></p>
  <p>This is my code so far:</p>
  <pre><code>$(&quot;.formularioVenta&quot;).on(&quot;change&quot;, &quot;select.nuevaDescripcionProducto&quot;, function() {
  
  var nombreProducto = $(this).val();
  
  var productos = $(&quot;.nuevaDescripcionProducto&quot;);
  
  for (var i = 0; i &lt; productos.length; i++) {
  
      var x = $(productos[i]).val();
  
      if(nombreProducto == x) {
  
          $(nombreProducto).val();
      }
  }
  
  })
  </code></pre>
  <p>I think most of what is needed its done. But I would hugely appreciate any help for you. Thanks.</p>