javascript - 从多个下拉列表中获取选定的值

Question

如果用户从 div 中的任何下拉列表中更改条目，SalePlugin那么它将需要获取所有选定的值并将其传递给 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');
}