Question

目前我有代码从下拉选项中选择用户的城市。

但是，如果用户点击不在下拉选项中的城市，则会选择下拉列表中的第一个选项。

有没有让它在下拉列表中选择最近的选项？

这是Jsfiddle：http://jsfiddle.net/uZLNM/104/

<title></title>

<body>
    <div id="container">
        <select name="country" id="country" class="inputCombo">    
            <option value="Sioux Falls">Sioux Falls</option>
            <option value="Green Bay">Green Bay</option>
            <option value="Brooklyn">Brooklyn</option>
            <option value="GB">United Kingdom</option>
            <option value="Lincoln">Lincoln</option>
            <option value="US">United States</option>
        </select>
    </div>
</body>

脚本：

var url = 'http://www.geoplugin.net/json.gp?jsoncallback=?';

$(document).ready(function() {
    $.getJSON(url).success(function(data) {
        var country_code = data.geoplugin_city;
        var $country = $('#country');
        $country.find('option[value="' + country_code + '"]').prependTo($country);

        $country.val(country_code);
    });
 });

下拉菜单选择最近的城市

0 个答案: