Выбор значения в выпадающем списке с помощью JavaScript

Question

A] Краткое описание проблемы:

Попытка заранее выбрать страну пользователей на странице загрузки

B] Детали:

1] Я использую javascript maximinds, чтобы узнать графство пользователей.

2] У меня есть раскрывающийся список, который содержит список из 225 стран.

3] В разделе javascript моей страницы HTMLr я пытаюсь выбрать страну пользователей из раскрывающегося списка.

Но страна не получает выбран

C] фрагмент кода:

<select name="country_name" id="id_country_name"> 
<option value="" selected="selected">---------</option> 
<option value="Afghanistan">Afghanistan</option> 
<option value="Aring land Islands">Aring land Islands</option> 
</select> 


<!-- including the geoip javascript library --> 
<script src="http://j.maxmind.com/app/geoip.js" type="text/javascript"></script> 
<!-- By default, we will select users country -->  
<script type="text/javascript" language="JavaScript"> 
document.getElementById(geoip_country_name()).selected = true 
</script> 

Спасибо,

[Изменить # 1]

Пробовал следующий JQuery кода, но это не заполняет раскрывающийся список:

<!-- including the geoip javascript library --> 
    <script src="http://j.maxmind.com/app/geoip.js" type="text/javascript"></script> 
    <script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $("option[value='" + geoip_country_name() + "']").attr('selected', 'selected'); 
    }); 
</script> 

[Изменить # 2]

Пробовал $ ("# id_country_name"). Вал (geoip_country_name()) ;,

<div id="userDataForm"> 
    <form method="POST" action="/UserReporting"> 
    <table> 
     <!-- Printing the forms for users country, city --> 
     <tr><th><label for="id_country_name">Country name:</label></th><td> 
     <select name="country_name" id="id_country_name"> 
    <option value="" selected="selected">---------</option> 
    <option value="Afghanistan">Afghanistan</option> 
     <option value="Aring land Islands">Aring land Islands</option> 
     <option value="Albania">Albania</option> 
     </select> 
     </td></tr> 
     <tr><th> 
     <label for="id_city_name">City name:</label></th><td><input type="text" name="city_name" id="id_city_name" /></td></tr>  
</table> 

<input type="submit" name="report_up" value= "Report Up"> 
<input type="submit" name="report_down" value= "Report Down"> 
</form> 

<!-- including the geoip javascript library --> 
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
</script> 
<script src="http://j.maxmind.com/app/geoip.js" type="text/javascript"> 
</script> 
<script type="text/javascript"> 
    $(function() { 
     $("#id_country_name").val(geoip_country_name()); 
    }); 
</script> 

Answer 1

document.getElementById вызова будет работать только тогда, когда каждый <option> в вашем HTML имел название страны в качестве идентификатора (заменяющего пространство с «_» или что-то подобное):

<select name="country_name" id="id_country_name"> 
<option value="" selected="selected">---------</option> 
<option id="Afghanistan" value="Afghanistan">Afghanistan</option> 
<option id="Aring_land_Islands" value="Aring land Islands">Aring land Islands</option> 
</select> 

Однако, я склоняюсь к этому сближаться с JQuery, так как он не требует предоставления каждой опции свой собственный идентификатор:

$(function() { 
    $("#id_country_name").val(geoip_country_name()); 
}); 

Answer 2

Попробуйте

document.getElementById('id_country_name').selectedIndex=index; 

где index - целое число, соответствующее желаемому выбору.