使用同位素和选择框的数据过滤器

作者: 取之
发布时间: 2024-06-07 09:30:57 (1月前)
转自：

3 条回复

0#
回复此人
夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 如果你使用 <code> class='option-set clearfix' </code> 对于所有三个选择框，那么你可以像这样： </p> <pre> <code> var choices = $('select[class="option-set clearfix"]'); var choice1 = choices.eq(0).val(); var choice2 = choices.eq(1).val(); var choice3 = choices.eq(2).val(); console.log(choice1); console.log(choice2); console.log(choice3); </code> </pre> </DIV>

编辑
1#
回复此人
生如夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您必须分别发送每个选择元素的过滤数据。在这种情况下，您可以为第二个和第三个选择元素设置id，以便能够发送每个选择过滤器数据。 </p> <P> 看看下面的代码： </p> <pre> <code> $('#some').click(function(){ var $select = $('select'); var $select1 = $select.next(); var $select2 = $select1.next(); var group = $select.attr('data-filter-group'); var group1 = $select1.attr('data-filter-group'); var group2 = $select2.attr('data-filter-group'); filters[ group ] = $select.find(':selected').attr('data-filter-value'); filters[ group1 ] = $select1.find(':selected').attr('data-filter-value'); filters[ group2 ] = $select2.find(':selected').attr('data-filter-value'); </code> </pre> <P> 这是 <a href="http://jsfiddle.net/fgLUa/131/" rel="nofollow"> 的<strong> jsfiddle演示 </强> </A> </p> </DIV>

编辑

登录后才能参与评论