Jquery 引导一次获取两个dropdownlist的值

我使用两个引导下拉列表。我想一次获得两个dropdownlist的值

我的html

<div class="btn-group  col-sm-5 col-xs-5 col-md-5 cgclry country" style="padding:3px 3px;"> 
    <a class="btn btn-default dropdown-toggle btn-select2" data-toggle="dropdown" href="#" style="border:0;">All Country<span class="caret"></span></a>
    <ul class="dropdown-menu countries">
        <li><a href="#" data-id="USA" id="usa">USA</a></li>
        <li><a href="#" data-id="Australia" id="aus">Australia</a></li>
        <li ><a href="#" data-id="INDIA" id="ind">INDIA</a></li>                        
    </ul>
</div>

<div class="btn-group col-sm-5  col-xs-5 col-md-5 " style="padding:3px 3px 3px 3px;"> 
    <a class="btn btn-default dropdown-toggle btn-select"    data-toggle="dropdown" href="#" style="border:none;">All Category<span class="caret"></span></a>
    <ul class="dropdown-menu category">
        <li><a href="#" data-id="Tom Tailer" id="Tom Tailer">Tom Tailer</a></li>
        <li><a href="#" data-id="Pepe Jeans" id="Pepe Jeans">Pepe Jeans</a></li>
        <li><a href="#" data-id="Sinet Tech" id="Sinet Tech">Sinet Tech</a></li>
        <li><a href="#" data-id="others" id="others"><span class="glyphicon glyphicon-star"></span> Other</a></li>
    </ul>
</div>

---

例如，我正在单击国家/地区下拉列表中的印度，然后单击类别列表中的汤姆·泰勒。我想要结果india和Tom tailer。

我理解的问题是要求一个函数使用相同的代码从任一列表中获取值

我的实施（欢迎）：

---

我认为此实现可能更符合您的要求：

$（文档）.ready（函数（）{
var listValues=[]；
var setDropDownResults=函数（选择器）{
if（listValues.length<1）{
$（'.js category'）.removeClass（'hidden'）；
$（'.js select country'）.prop（'disabled'，true）；
}否则{
$（'.js select category'）.prop（'disabled'，true）；
}
listValues.push（“+selector.val（））；
$（'.js results'）.text（“结果：+listValues）；
};
var resetDropDown=函数（）{
listValues=[]；
$（'.js category'）.addClass（'hidden'）；
$（'.js select country，.js select category'）.prop（'disabled'，false）；
$（'.js results'）.text（''）；
};
$（'select'）.change（函数（）{
setDropDownResults（$（此））；
});
$（'.js reset'）。单击（函数（）{
重置下拉列表（）；
});
});

它至少应该为你提供一个基础，让你完成你想做的事情

如果您需要帮助，请告诉我。

试试以下方法：

HTML:

---

我也不知道你的问题。你所说的同时是什么意思？当前的行为是什么？您希望会发生什么？例如，我正在单击“国家/地区”下拉列表中的“印度”，然后单击“类别”列表中的“汤姆·泰勒”。我想要的结果是印度和汤姆·泰勒。

$(document).on('click','.countries li a',function(){
    c=$(this).attr('data-id');
    alert(c);
});

 $(document).on('click','.category li a',function(){
    c=$(this).attr('data-id');
    alert(c);
 });

$(document).ready( function () {

  var getListAttributes = function (selector) {
    listValue = selector.attr('data-value');
    alert(listValue);
  }

  $(document).on('click','.js-select a', function() {
      getListAttributes($(this));
   });
});

$(document).ready( function () {
var listValues = [];
  var setDropDownResults = function (selector) {
    if(listValues.length < 1) {
      $('.js-category').removeClass('hidden');
      $('.js-select-country').prop('disabled', true);
    } else {
      $('.js-select-category').prop('disabled', true);
    }
    listValues.push(" " + selector.val());
    $('.js-results').text("Results: " + listValues);
  };
  var resetDropDown = function () {
    listValues = [];
    $('.js-category').addClass('hidden');
    $('.js-select-country, .js-select-category').prop('disabled', false);
    $('.js-results').text('');
  };

  $('select').change(function() {
      setDropDownResults($(this));
   });
  $('.js-reset').click( function() {
    resetDropDown();
  });

});

<div class="btn-group  col-sm-5 col-xs-5 col-md-5 cgclry country" style="padding:3px 3px;"> 
    <a class="btn btn-default dropdown-toggle btn-select2" data-toggle="dropdown" href="#" style="border:0;">All Country<span class="caret"></span></a>
    <ul class="dropdown-menu countries">
        <li><a class="first" href="#" data-id="USA" id="usa">USA</a></li>
        <li><a class="first" href="#" data-id="Australia" id="aus">Australia</a></li>
        <li><a class="first" href="#" data-id="INDIA" id="ind">INDIA</a></li>                        
    </ul>
</div>

<div class="btn-group col-sm-5  col-xs-5 col-md-5 " style="padding:3px 3px 3px 3px;"> 
    <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown" href="#" style="border:none;">All Category<span class="caret"></span></a>
    <ul class="dropdown-menu category">
        <li><a href="#" data-id="Tom Tailer" id="Tom Tailer">Tom Tailer</a></li>
        <li><a href="#" data-id="Pepe Jeans" id="Pepe Jeans">Pepe Jeans</a></li>
        <li><a href="#" data-id="Sinet Tech" id="Sinet Tech">Sinet Tech</a></li>
        <li><a href="#" data-id="others" id="others"><span class="glyphicon glyphicon-star"></span> Other</a></li>
    </ul>
</div>

$(document).on('click','.countries li a',function(){
    c=$(this).attr('data-id');
   $('.first').removeClass('active');
  $(this).addClass('active');
    alert(c);
});

 $(document).on('click','.category li a',function(){
    c=$(this).attr('data-id');
   b=$('.active').attr('data-id');
    alert(c +' '+ b);

 });