從多個下拉列表中選擇值

Question

如果用戶從SalePlugin div中的任何下拉列表中更改條目，則它將需要獲取所有選定值並將其傳遞給POST。

應該怎么做？

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

的HTML

<div class='SalePlugin'> 
 <ul>
   <li> 
      <select name='something[]'> 
        <option value='one'>One</option>
        <option value='two'>Two</option>
      </select> 
    </li>
 </ul>
 <ul>
   <li> 
      <select name='something[]'> 
        <option value='one'>One</option>
        <option value='two'>Two</option>
      </select> 
    </li>
 </ul>
 <ul>
   <li> 
      <select name='foo[]'> 
        <option value='one'>One</option>
        <option value='two'>Two</option>
      </select> 
    </li>
 </ul>
</div>

Answer 1

要在下拉列表中獲取選定的項目，請使用此

$(".SalePlugin option:selected");

這將獲得選定的項目。 您可以將它們存儲在數組中或進行循環，然后執行所需的任何操作。

for (var i = 0; i < $(".SalePlugin option:selected").length; i++) {
    values[i] = $($(".SalePlugin option:selected")[i]).attr('value');
}