2

次のような国のリストを含む選択ドロップダウンがあります。

<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/

ユーザーの国を表示するようにドロップダウンを設定するにはどうすればよいですか?

ありがとう

トーマス

4

2 に答える 2

6

試す

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

デモ:フィドル

于 2013-11-04T16:40:02.113 に答える
2

フィドルのデモ

$(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");
});
于 2013-11-04T16:40:09.797 に答える