select的种种取值
今天别人问我一个问题
<body>
<select id="tests" onchange="test()">
<option >1</option> <option >2</option>
</select>
<div id="a" style="display: none">123</div>
<div id="b" style="display: ">456</div>
<script type="text/javascript">
function test(){
document.getElementById("a").style.display="";
document.getElementById("b").style.display="none";
}
</script>
</body>
要通过选择不同的下拉，显示不同的div。后来我给他改善了下
<html>
<body>
<select id="tests" onchange="test(this.value)">
<option value="a">1</option> <option value="b" selected>2</option>
<select>
<div id="a" style="display: none">123</div>
<div id="b" style="display: ">456</div>
<script type="text/javascript">
function test(val){
var divList = document.getElementsByTagName('div');
for(i=0;i<divList.length;i++){
if(divList[i].id==val){
divList[i].style.display='block';
}
else{
divList[i].style.display='none';
}
}
}
</script>
</body>
</html>
想了良久才想出来上面的方法
開始总是纠结在option取值上，如今趁这个机会梳理一下
<select id="tests" onchange="test(this.value)">
<option value="a">1</option>
<option value="b" selected>2</option>
<select>
先说传值吧，this.value就是选中的那个值，相应上面的语句就是 a,b
var obj=document.getElementById("view");
var selectObj = obj.options[obj.selectedIndex];//获取选中的那个对象
var val = selectObj.text;//获取选中的值 1,2
var trueVal = selectObj.value;//内部值 a,b
假设是jquery 就简单一点了
var txt=$("#test").find("option:selected").text();//1
2
var val=$("#test").find("option:selected").val();//
a b
select的种种取值的更多相关文章
- 浅谈jquery关于select框的取值和赋值
浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其 ...
- jquery操作select(选中，取值)
最近工作中总出现select 和 option问题,整理一下,内容大部分源于网络资料 一.基础取值问题 例如<select class="selector"></ ...
- jQuery操作select控件取值和设值
1.级联select的操作,后一个select的值随着前一个select选中值变化 $(".select_A").change(function(){ $(".selec ...
- jquery关于select框的取值和赋值
jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue ...
- jquery操作select(option)的取值,设置和选中
比如 <select class="selector"> <option value ="volvo">Volvo</option ...
- DataTable select根据条件取值
1.封装独立方法 // 执行DataTable中的查询返回新的DataTable /// </summary> /// <param name="dt">源 ...
- easyui 》 radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中
获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $(" ...
- jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
- select取值问题
全栈攻城狮们给挖了各种坑..其中一个典型是select控件取值.直接上代码: <!DOCTYPE html> <html lang="en"> <he ...
随机推荐
- C#_会员管理系统：开发一（用户登录）
首先创建数据库: [Vip] 创建三张表: 分别是: [VipInformation](会员信息) [Log](日志) [VipAccount](账户权限) 详细语句: --创建数据库[Vip] cr ...
- BZOJ 2435: [Noi2011]道路修建( dfs )
NOI的水题...直接一遍DFS即可 ------------------------------------------------------------------------- #includ ...
- AppStore安装APP发生错误解决方法
打开网络偏好设置 高级 -> DNS -> + -> 114.114.114.114
- 【转】Visual Stdio VS 错误 error : 0xC00000FD: Stack overflow. 更改堆栈空间解决栈溢出问题
原文见:http://www.cnblogs.com/xiangwengao/archive/2012/03/16/2399888.html 问题 给一个程序添加小功能,在debug下能正常运行,在r ...
- PHP脚本实现凯撒加（解）密
原文:PHP脚本实现凯撒加(解)密 今天在看某ctf时候遇到一题凯撒加密的题,然后看到write up里有这样一句 顿时感觉这题目有点坑啊,这要不写个脚本来跑要推到啥时候啊,于是又了本文: <? ...
- [置顶] Android4.x对长按电源键（挂断键）和短按电源键（挂断键）的详细处理流程
1. 简介 Android4.x在Framework的PhoneWindowManager对Power(KeyEvent.KEYCODE_POWER)和Home(KeyEvent.KEYCODE_HO ...
- Codeforces 437C The Child and Toy(贪心)
题目连接:Codeforces 437C The Child and Toy 贪心,每条绳子都是须要割断的,那就先割断最大值相应的那部分周围的绳子. #include <iostream> ...
- 全栈project师的悲与欢
从小米辞职出来创业的两个多月里,通过猎头或自己投简历,先后面试了知乎,今日头条,豌豆荚,美团,百度,App Annie,去哪儿,滴滴打车等技术团队,一二面(技术面)差点儿都轻松的过了,三面却没有毕业那 ...
- Windows多线程
//简单的引出多线程是肿么回事儿....当点击下载的时候,下载内容还没结束也可以点击资源库,其实这就用了另一个线程,弹出“下载完成”对话框的时候,没有点击确定是不能点击主页面内容的,这就是用----- ...
- JSP动态网站环境搭建应用中的详细步骤(Tomcat和Apache/IIS的整合)
链接地址:http://www.cnblogs.com/dartagnan/archive/2011/03/25/2003426.html JSP动态网站环境搭建应用中的详细步骤(Tomcat和Apa ...