How do you set a selected item in an HTML dropdown by name, not by value?

Question

I have an HTML combobox which contains unique options. For example, a country dropdown which contains country_id as a value and country name as text.

Is there any way using jQuery or JavaScript to let me set the selected item using the country name not the country_id?

Answer 1

$("option:contains('COUNTRY NAME HERE')").attr('selected','selected');

something like that?

Answer 2

You can do write like below:

$("option:selected").text() 

to obtain the text given for the option