Tom*_*Tom 3 javascript safari jquery select javascript-events
当用户从选择框中选择一个选项时,我正在尝试做某事 - 尽可能简单吗？我正在使用JQuery 1.3.1注册一个带有选择框id的点击处理程序.一切都很好,直到我使用Chrome和Safari测试,发现它不起作用.
见下面的代码:
<html>
<head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#myoption').click(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); });
});
</script>
</head>
<body>
<select id="myoption">
<option value="A">A</option>
<option value="B">B</option>
</select>
</body>
</html>
任何人都知道我应该为此工作吗？警报最终会被触发,但只有在双击选择框后才能触发？
我发现了我的问题.对于选择框,您需要为"更改"事件而不是"单击"事件注册处理程序.Firefox和IE使用click事件很奇怪.
总而言之,以下代码适用于所有浏览器:
<html>
<head>
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script language="javascript">
$(document).ready(function(){
$('#myoption').change(function() { alert('Select Dropdown was clicked: '+ $('#myoption').val()); });
});
</script>
</head>
<body>
<select id="myoption">
<option value="A">A</option>
<option value="B">B</option>
</select>
</body>
</html>
| 归档时间： |
|
| 查看次数： |
9883 次 |
| 最近记录： |