internet-300x300

Autoselect Country

Use Twik's integrated country-detection feature to automatically select the user's country if there is a dropdown in you

Copy source code

var checkExist = setInterval(function() {
    if (document.getElementsByTagName('select')) {
        autoselect();
        clearInterval(checkExist);
    }
}, 100);

var autoselect = function(){
    var data = window.twik_user_data.location;
    // Select doms of country and state selectors
    var selectTags = document.getElementsByTagName('select');
    var dom = [], domState = [];
    for (var i = 0; i < selectTags.length; i++) {
        for (var j = 0; j  0) {
        for(let item of dom){
            countries = [];
            for (var i = 0; i < item.length; i++) {
                countries.push(item[i].value);
            }
            if (item[0].value.length == 2) {
                item[countries.indexOf(data.iso_code.toLowerCase())].selected = true;
            } else {
                for (var i = 0; i  0) {
        for(let item of domState){
            states = [];
            for (var i = 0; i < item.length; i++) {
                states.push(item[i].value);
            }
            for (var i = 0; i < states.length; i++) {
                if (states[i].toLowerCase().indexOf(data.state.toLowerCase()) != -1) {
                    item[i].selected = true;
                }
            }
        }
    }
}

Overview

Some registration forms have long dropdown lists of states or countries. While filling the registration form, autoselect country and state variant will populate the state or city dropdown based on the user's location.

Screenshots

auto-country-1

auto-country-Copy-1

Developer

Uploaded 10 variants

Category

Conversion

Tags

geolocation onboarding targeting

Reviews

0

out of 0

Thank you! Your submission has been received!

Explore more resources

You can use Twik's widgets to create beautiful, effective variants on your website such as popups, shorter forms, and more.

Try it now

See what Twik can do for you with our free 14-day evaluation period, limited to 1,000 pageviews.