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');
}

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

1 个答案: