Question

I’m integrating Postcode anywhere with my web project. I’m using a drop drop for the county/state field. Postcode anywhere returns the name of the County. Can I change the Selected Index when I only have the name? (I’m using a number for the value field which relates to a database field).

I tried the following:

var f = document.getElementById("state_dropdown");
f.options.[f.selectedIndex].text = response[0].County;

I’ve tried to include the drop down code html here but I can’t get it to work properly for some reason.

But of course this just changes the text field for the item in the drop down that is already selected.

I can query the database and find out what ID I have assigned the county but I’d rather not if there is another way.

Answer 1

Loop over the options until you have a match:

for (var i = 0; i < f.options.length; i++) {
    if (f.options[i].text == response[0].Country) {
        f.options.selectedIndex = i;
        break;
    }
}

Demo.