Getting selected value from multiple dropdowns
<p>If user change the entry from any dropdowns in the <code>SalePlugin</code> div then it will need to get all the selected value and pass it into POST.</p>

<p>How it should be done?</p>

<pre><code>$('.SalePlugin &gt; *').live('change', function(){
 var SalePluginData = $(this).closest('.SalePlugin').find('select').serialize();
 $.post(host + '/ajax/file.php', { Data: SalePluginData }, function(data){
            console.log(data);
 });
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;div class='SalePlugin'&gt; 
 &lt;ul&gt;
   &lt;li&gt; 
      &lt;select name='something[]'&gt; 
        &lt;option value='one'&gt;One&lt;/option&gt;
        &lt;option value='two'&gt;Two&lt;/option&gt;
      &lt;/select&gt; 
    &lt;/li&gt;
 &lt;/ul&gt;
 &lt;ul&gt;
   &lt;li&gt; 
      &lt;select name='something[]'&gt; 
        &lt;option value='one'&gt;One&lt;/option&gt;
        &lt;option value='two'&gt;Two&lt;/option&gt;
      &lt;/select&gt; 
    &lt;/li&gt;
 &lt;/ul&gt;
 &lt;ul&gt;
   &lt;li&gt; 
      &lt;select name='foo[]'&gt; 
        &lt;option value='one'&gt;One&lt;/option&gt;
        &lt;option value='two'&gt;Two&lt;/option&gt;
      &lt;/select&gt; 
    &lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
