一个函数服务于两个选择 JQuery

Question

我在HTML中有两个选择。

<select id="country">
  <option value="Sasha">--Wybierz--</option>  
  <option value="Egipt">Egipt</option>
  <option value="Afganistan">Afganistan</option>
  <option value="Serbia">Serbia</option>
</select>
<select id="country-bd">
  <option value="Sasha">--Wybierz--</option>  
  <option value="Egipt">Egipt</option>
  <option value="Polska">Polska</option>
  <option value="Serbia">Serbia</option>
</select>
var high_ryzyko_kraj = ['Polska', 'Afganistan', 'Ukraina'];
$(function(){
 $('#country').change(function(){
    caunt = $(this).val();
    scoring = 0;
        var arr = $.inArray(caunt, high_ryzyko_kraj)
        if (arr===1){  
             scoring =+ 4 ;
             clback();
        }
   });
 function clback(){
   result = scoring
   console.log(result);
   }
});    

当选择数组high_ryzyko_kraj国家时result我希望 calback 函数中的变量增加 4。

所以第一选择的阿富汗和第二选择的波兰总共给了我8个。我稍后需要回调，所以我只是把它留在那里。

有没有办法修改我的第一个函数，它既服务于#country又服务于#country-bd？

链接到JsFiddle：http://jsfiddle.net/szymondzumak/TCx6L/1/

Answer 1

1. 添加了新的选择器。
2. 在更改回调之外声明的评分变量。
3. 当数组中的值不匹配时，arr 将为 -1。

试试这个，

var high_ryzyko_kraj = ['Polska', 'Afganistan', 'Ukraina'];
$(function(){
    var scoring = 0;
    $('#country, #country-bd').change(function(){
        caunt = $(this).val();
            var arr = $.inArray(caunt, high_ryzyko_kraj)
            if (arr>-1){  
                 scoring += 4 ;
                 clback();
            }
       });
    function clback(){
    result = scoring
        console.log(result);
    }
});    

演示

Answer 2

试试这个：

$('#country, #country-bd').change(function()...