下拉选项

页面中

<li class="fr ptr posifixed">
<!--<span class="simplichinese">简体中文</span>-->
<input class="simplichinese" readonly="readonly" value="简体中文"></input>
<div class="show-zhan" style="display: none;">
<ul>
<li><a>简体中文</a></li>
<li><a>English</a></li>
</ul>
</div>
<img src="webCommon/img/area-icon.png" class="fr" alt="">
</li>

 

js

$(".simplichinese").click(function(){
$(".show-zhan").fadeToggle("slow");
})

$(".show-zhan").find("a").click(function(){
var txt=$(this).html();
$(".simplichinese").attr("value",txt);
$(".show-zhan").hide();
});

$(".show-zhan ul li a").click(function(){
$(".show-zhan ul li a").removeClass("hovercol");
$(this).addClass("hovercol");
})