首页手机软件手机游戏单机游戏资讯文章专题下载游戏合集文章合集 php下载 php教程电脑软件

+ -

当前位置：首页 → 问答吧 → 如何判断select选项中的值是什么呢?

如何判断select选项中的值是什么呢?

时间：2009-03-21

来源：互联网

//html如下

复制代码

<select style="width:100px;" id="test">
<option value="pig">pig</option>
<option value="dog">dog</option>
</select>
<div id="pig" style="dilplay:none">This is a pig.</div>
<div id="dog" style="dilplay:none">>This is a dog.</div>

//js如下

复制代码

$(document).ready(function() {
$("#test").find("select").change(function(){
//判断选中的selected值, 显示对应的层,如何写呢?
});
});

作者: coolesting 发布时间: 2009-03-21

$("#test select").change(function() {
$('#' + $('option:selected', this)).show();
});

没有测试，大概就这样的

作者: wsria.cn 发布时间: 2009-03-21

没反应`~

作者: coolesting 发布时间: 2009-03-21

$("#test ").change(function() {
$('#' + $('option:selected', this)).show();
});

作者: seekarmor 发布时间: 2009-03-21

以下的代码应该是你所需要的，下面的代码可以显示对应的层，而隐藏不符合选项的层。

复制代码

<script type="text/javascript">
$(function(){
$("#test").change(function(){
//以下代码是显示符合选择的层。
var selectedVal = $(this).children('option:selected').attr('value');
$('#' + selectedVal).show();
//以下是隐藏不符合选项的层，使用children()函数获取所有子元素，再使用not()函数剔除已经选择的option，再对所有剔除后的元素使用foreach()函数进行取值、隐藏层等操作
$(this).children().not($(':selected')[0]).each(function(){
var unselectedVal = $(this).attr('value');
$('#' + unselectedVal).hide();
});
});
})
</script>

另外，楼主的样式设置style="dilplay:none"，写错了，应该是display

[ 此帖被巴斯光年在2009-03-22 00:41重新编辑 ]

作者: 巴斯光年发布时间: 2009-03-22

复制代码

$("#test").find("select").change(function(){
$("#"+$(this).attr("value")).show();
});

作者: aloner 发布时间: 2009-03-22

丫，回答啦。用text()也可以。只不过获取的是文本。

作者: aloner 发布时间: 2009-03-22

$("#" + $("#test").val()).show();

作者: gordianyuan 发布时间: 2009-03-23

相关阅读更多

C++中取整函数(ceil、floor、round)详解(定义、用法、示例)

时间：2025-05-01
面向对象设计原则有哪些?每个原则是如何定义的?

时间：2025-05-01
Python中split函数详解(参数说明、作用、用法)

时间：2025-05-01
什么是binkw32.dll binkw32.dll丢失的解决方法

时间：2025-05-01
无限暖暖1.5版本泡泡季-蚊子腿白嫖奖励合集

时间：2025-04-30

热门阅读

office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐附激活工具
阅读：74
如何安装mysql8.0
阅读：31
Word快速设置标题样式步骤详解
阅读：28
20+道必知必会的Vue面试题（附答案解析）
阅读：37
HTML如何制作表单
阅读：22
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
ET文件格式和XLS格式文件之间如何转化？
阅读：24
react和vue的区别及优缺点是什么
阅读：121
支付宝人脸识别如何关闭?
阅读：21
腾讯微云怎么修改照片或视频备份路径?
阅读：28

热门下载

更多