Javascript onchange on select inside脚本_Javascript_Html

Javascript onchange on select inside脚本

javascript html

Javascript onchange on select inside脚本,javascript,html,Javascript,Html,我正在学习Javascript，下面是我要做的 <body> <select name="selTitle" id="titles"> <option value="Mr.">Mr.</option> <option value="Ms.">Ms.</option> </select> </body> 先生太太至于剧本 <script type='text/javascript'&g

我正在学习Javascript，下面是我要做的

<body> 
<select name="selTitle" id="titles">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
</body>


先生
太太

至于剧本

<script type='text/javascript'>
 var title = document.getElementById("titles");
 title.onchange = function() {
 alert("Hi");
 }
 </script>


var title=document.getElementById（“titles”）；
title.onchange=函数（）{
警报（“Hi”）；
}

但它不起作用，我做错什么了吗？这是演示

工作正常

只需更改如下选项：

在

onload

事件中包装代码：

window.onload = function(){
     var titles = document.getElementById("titles");
       titles.onchange = function() {
       alert("Hi");
     }
};

这确保选择框实际上可用于应用事件，您可以使用

onload

事件或将脚本放在页面底部

标记的前面