ユーザーが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>