选择内部脚本的Javascript onchange

时间:2011-10-28 18:59:52

标签: 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'>
 var title = document.getElementById("titles");
 title.onchange = function() {
 alert("Hi");
 }
 </script>

但它不起作用,我做错了吗?这是演示.. http://jsfiddle.net/jq9UA/10/

2 个答案:

答案 0 :(得分:1)

工作正常。

只需更改以下选项:

imagem

答案 1 :(得分:1)

将您的代码包裹在onload事件中:

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

Working Demo

这样可以确保选择框实际上可用于应用您可以使用onload事件执行的事件,或者将您的脚本放在页面底部</body>标记之前。