[英]Setting option in select dropdown based on data-attribute
我有一个选择下拉列表,其中包含一个类似这样的国家/地区列表:
<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/
如何设置下拉列表以显示用户的国家/地区?
谢谢
托马斯
尝试
$(function () {
$.get("http://ipinfo.io", function (response) {
$('#countryCode option[data-countryCode="' + response.country + '"]').prop('selected', true)
}, "jsonp");
});
演示: 小提琴
$(function () {
$.get("http://ipinfo.io", function (response) {
$('#countryCode option[data-countryCode="' + response.country + '"]').prop('selected', true)
}, "jsonp");
});
要么
$(function () {
$.get("http://ipinfo.io", function (response) {
$('#countryCode').val($('#countryCode [data-countryCode="' + response.country + '"]').val());
}, "jsonp");
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.