<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>举一个例子</title>
</head>
<body>
<div class="selecter">
<select>
<option value="china" selected>汉字
<option value="english">English
</select>
</div>
<div class="main">
<p class="china">的 车去机场接他们</p>
<p class="english">The car went to the airport to pick them up.</p>
</div>
<!-- 引入jquery库 -->
<script src="./style/js/jquery.min.js"></script>
<script>
$(document).ready(function() {
selectLang();
$('.selecter').find('select').change(function(){
selectLang();
});
});
function selectLang() {
var select_class = '.' + $('.selecter').find('select').val();
$('.main').find('p').hide();
$('.main').find(select_class).show();
}
</script>
</body>
</html>追问
<html>
<head>
<meta charset="utf-8">
<title>举一个例子</title>
</head>
<body>
<div class="selecter">
<select>
<option value="china" selected>汉字
<option value="english">English
</select>
</div>
<div class="main">
<p class="china">的 车去机场接他们</p>
<p class="english">The car went to the airport to pick them up.</p>
</div>
<!-- 引入jquery库 -->
<script src="./style/js/jquery.min.js"></script>
<script>
$(document).ready(function() {
selectLang();
$('.selecter').find('select').change(function(){
selectLang();
});
});
function selectLang() {
var select_class = '.' + $('.selecter').find('select').val();
$('.main').find('p').hide();
$('.main').find(select_class).show();
}
</script>
</body>
</html>追问
谢谢您快速的回答，可是代码有一点小小的问题，我用DW试了一下表单很好用，可是不能做到隐藏呢，
追答你有引入jquery库吗？
追问没有呢
追答要引入jquery库文件，可以到jquery网站下一下jquery的库 哪个版本都可以，再引入就可以了~
温馨提示：答案为网友推荐，仅供参考
相似回答