html форма onselection значение изменения выпадающего поля

Question

Моя форма содержит кнопки-переключатели для метки времени, а именно LOT и UTC. Значение по умолчанию выбрано UTC. Мой раскрывающийся список содержит значение смещения gmt и имя.

т.е.

<select name="DropDownTimezone" id="DropDownTimezone" onchange=""> 
    <opetion value="5">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi</option> 
    <option value="6">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option> 
    <opetion value="7">(GMT) Western Europe Time, London, Lisbon, Casablanca<option> 
    .. 
    ... 
    . 
    etc. 
</select> 

Я должен установить значение по умолчанию в Бомбее, когда я выбираю много, и когда выбирают UTC то по умолчанию значение, установленное для Лондона. Как мы можем установить это на html-форме? Пожалуйста, дайте мне простую логику.?

<input type="radio" id="DateTimeZone1" onchange="" 
name="DateTimeZoneID" value="2">LOT <input type="radio" 
id="DateTimeZone2" onchange="" name="DateTimeZoneID" value="2">UTC 

Answer 1

Try что-то вроде this demo, здесь соответствующий код из него, в JQuery:

$(document).ready(function(){ 
    $('input:radio[name ="DateTimeZoneID"]').change(function(e){ 
     var radioVal = $('input:radio[name ="DateTimeZoneID"]:checked').val(); 
     if(radioVal == 1){ 
      $("#DropDownTimezone").val('8');// whatever the options val is 
     }else if(radioVal == 2){ 
      $("#DropDownTimezone").val('9.9');// whatever the options val is 
     } 
    }); 
}); 

также на стороне записки, убедитесь, чтобы исправить опечатки в коде, как <opetion и т.д.

просто FYI в случае, если вы не знакомы с JQuery - вы будете необходимости включить JQuery, а также, добавить это в голову:

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>