設置選項

Question

我有一個包含國家的名單看起來像這樣一個選擇下拉菜單：

<select name="countryCode" id="countryCode"> 
<option data-countryCode="GB" value="44" Selected>UK (+44)</option> 
<option data-countryCode="US" value="1">USA (+1)</option> 
<optgroup label="Other countries"> 
    <option data-countryCode="DZ" value="213">Algeria (+213)</option> 
    <option data-countryCode="AD" value="376">Andorra (+376)</option> 
</optgroup> 
</select> 

我然後使用ipinfo.io查找用戶的國家，並希望根據返回的國家和data-countryCode屬性設置選定的選項。我嘗試了一些不同的方法，但我根本無法實現它。

我已經創建了全國選擇器和查找一個的jsfiddle： http://jsfiddle.net/E7fBk/

如何設置下拉顯示用戶所在的國家？

感謝

托馬斯

Answer 1

嘗試

$(function() { 
    $.get("http://ipinfo.io", function (response) { 
     $('#countryCode option[data-countryCode="' + response.country + '"]').prop('selected', true) 
    }, "jsonp"); 
}); 

演示：Fiddle

Answer 2

Fiddle DEMO

$(function() { 
    $.get("http://ipinfo.io", function (response) { 
     $('#countryCode option[data-countryCode="' + response.country + '"]').prop('selected', true) 
    }, "jsonp"); 
}); 

或

Fiddle DEMO

$(function() { 
    $.get("http://ipinfo.io", function (response) { 
     $('#countryCode').val($('#countryCode [data-countryCode="' + response.country + '"]').val()); 
    }, "jsonp"); 
});