39,082
社区成员
发帖
与我相关
我的任务
分享求解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>
<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>
...全文
请发表友善的回复…
发表回复
qq_37298674 2017-01-10
- 打赏
- 举报
请在select里使用onchange来绑定事件
Beginner_hui 2017-01-09
- 打赏
- 举报
还有就是只能显示北京，选择不了其他的，把清空$('#province-view').html(''); 这个去掉虽然可以，但是会叠加，所有不太清楚是什么问题，求解。
