I need to set a default option for a javascript array (drop down field)

Question

I have inherited this code that populates the countries in my online checkout. The first value that shows up is Australia but I need it to be set to USA.

<script type=“text/javascript”>
    $(function(){
        $('#FormField_11>option, #FormField_21>option').each(function () {
            // PUT THE COUNTRIES YOU WANT TO KEEP IN THE LIST HERE
            var countries = [ 'United States', 'Canada', 'Belgium', 'Australia', 'Denmark', 'Finland', 'Germany', 'Ireland', 'Italy', 'Japan', 'Netherlands', 'Netherlands Antilles', 'New Zealand', 'Norway', 'Sweden', 'United Kingdom', 'Austria'  ];

            var country = $(this).text();
            if (countries.indexOf(country) == -1) {
                $(this).remove();
            }
        });
    });
</script>

Can anyone help me define United States as the default?

Thanks in advance

Do you just want United States selected by default, or if you want it moved to the top of the select? — WOUNDEDStevenJones
– WOUNDEDStevenJones, Commented Oct 15, 2019 at 18:37

WOUNDEDStevenJones · Accepted Answer · 2019-12-03 22:12:16Z

1

After you remove all the unwanted countries, set the values of the dropdowns to the desired default:

$(function(){
    $('#FormField_11>option, #FormField_21>option').each(function () {
        // PUT THE COUNTRIES YOU WANT TO KEEP IN THE LIST HERE
        var countries = [ 'United States', 'Canada', 'Belgium', 'Australia', 'Denmark', 'Finland', 'Germany', 'Ireland', 'Italy', 'Japan', 'Netherlands', 'Netherlands Antilles', 'New Zealand', 'Norway', 'Sweden', 'United Kingdom', 'Austria'  ];

        var country = $(this).text();
        if (countries.indexOf(country) == -1) {
            $(this).remove();
        }
    });
    $("#FormField_11, #FormField_21").value("United States");
});

edited Dec 3, 2019 at 22:12

WOUNDEDStevenJones

5,3356 gold badges45 silver badges53 bronze badges

answered Oct 15, 2019 at 18:34

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

M. Durkee Over a year ago

That didn't work - - - BUT - I changed it to $("#FormField_11, #FormField_21").value("United States"); because I thought you had a typo in it.

Barmar Over a year ago

Yes, that was a typo.

Collectives™ on Stack Overflow

I need to set a default option for a javascript array (drop down field)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related