HTML <select> не OnChange работает

У меня есть следующий код HTML:HTML <select> не OnChange работает

    <select id="fontType"> 
        <option value="Arial" style="font-family: Arial">Arial</option> 
        <option value="Courier New" style="font-family: Courier New">Courier New</option> 
        <option value="Georgia" style="font-family: Georgia">Georgia</option> 
        <option value="Tahoma" style="font-family: Tahoma">Tahoma</option> 
        <option value="Times New Roman" style="font-family: Times New Roman">Times New Roman</option> 
        <option value="Trebuchet MS" style="font-family: Trebuchet MS">Trebuchet MS</option> 
        <option value="Verdana" style="font-family: Verdana">Verdana</option> 
        </select>

Я хочу прочитать, что написано в опции, но OnChange не работает:

     <script> 
         document.getElementById("fontType").onchange = function(event) { 
          alert("Changed!"); 
         }; 
         </scrit>

Может кто-то сказать что я делаю неправильно?

спасибо,

Lucas!

источник

2016-05-26 Lucas Romier

Вы орфографические ошибки слова 'script'. –

потенциально, потому что вам нужно указать '

Поместите его в окно onload, похоже, что вы объявляете код js перед выводом элемента html.

<script> 
 
    window.onload = function() { 
 
    document.getElementById("fontType").onchange = function(event) { 
 
     alert("Changed!"); 
 
    }; 
 
    } 
 
</script> 
 

 
<select id="fontType"> 
 
    <option value="Arial">Arial</option> 
 
    <option value="Helvetica">Helvetica</option> 
 
</select>

источник

2016-05-26 20:32:13 num8er

Смежные вопросы