<div class="select">
<span class="placeholder">请选择</span>
<ul>
<li>百度</li>
<li>谷歌</li>
<li>雅虎</li>
<li>新浪</li>
</ul>
</div> <script>
$('.select').on('click', '.placeholder', function(e) {
var parent = $(this).closest('.select');
if (!parent.hasClass('is-open')) {
parent.addClass('is-open');
$('.select.is-open').not(parent).removeClass('is-open');
} else {
parent.removeClass('is-open');
}
e.stopPropagation();
}).on('click', 'ul>li', function() {
var parent = $(this).closest('.select');
parent.removeClass('is-open').find('.placeholder').text($(this).text());
});
$('body').on('click', function() {
$('.select.is-open').removeClass('is-open');
});
</script>
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
