求解option怎么绑定事件,我写的代码根本就不运行绑定click事件那段函数。
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-2.1.3.min.js" ></script>
<script type="text/javascript" src="js/school.js" ></script>
</head>
<body>
<div onclick="initProvince()">
<select id="province-view">
</select>
</div>
</body>
<script type="text/javascript">
function initProvince()
{
//原先的省份列表清空
$('#province-view').html('');
for(i=0;i<schoolList.length;i++)
{
$('#province-view').append('<option class="province-items" province-id="'+schoolList[i].id+'">'+schoolList[i].name+'</option>');
}
//添加省份列表项的click事件
$('.province-items').bind('click', function(){
var item=$(this);
var province = item.attr('province-id');
var choosenItem = item.parent().find('.choosen');
if(choosenItem)
$(choosenItem).removeClass('choosen');
item.addClass('choosen');
}
);
}
</script>