文档章节

用jquery获取select标签中选中的option值及文本

o
 osc_zoa3moe9
发布于 2019/12/09 09:05
字数 312
阅读 7
收藏 0

精选30+云产品,助力企业轻松上云!>>>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="../../../../js/common/jquery-1.6.2.js"></script>
<script type="text/javascript">
function doSome(){
alert($("#sel option:selected").text());//方法一:获取select标签选中的option中的文本。
alert($("#sel").find("option:selected").text());//方法二:获取select标签选中的option中的文本。

alert($("#sel option:selected").val());//方法一:获取select标签选中的option中的value的值。
alert($("#sel").find("option:selected").val());//方法二:获取select标签选中的option中的value的值。
//------------------------------帅气的分割线,,下面有重点--------------------------------

//当option是这样的:<option>cc</option>。即没有value属性的时候。自然也就没有value值。
//这时候jquery就很纠结:写了段代码让我拿value的值,可是找到的option中根本没有value属性。
//算了,把option中 的文本拿出来给你吧。
//所以当选中<option>cc</option>这个option的时候,你会发现上边四个alert出来的值是一样的。都是option中的文本。
//想要拿到option中的value的值,首先option得有value属性啊!!!
}
</script>
</head>

<body>
<div>
<select id="sel" onchange="doSome();">
<option value="aa">bb</option>
<option>cc</option>
</select>
</div>
</body>
</html>

o
粉丝 1
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
用jquery获取select标签中选中的option值及文本

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4......

osc_v9ujioxy
2019/11/01
4
0
jQuery的一些备忘

操作元素的样式 主要包括以下几种方式: $("#msg").css("background"); //返回元素的背景颜色 $("#msg").css("background","#ccc") //设定元素背景为灰色 $("#msg").height(300); $("#msg")......

礼拜一
2009/11/06
0
0
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
236
0
表单筛选器

表单筛选器 :input :text :password :radio :checkbox :button :submit :reset :image :file 对象属性 :enabled :disabled :checked :selected 名称 :input JQ语法 jQuery( ":input" ) 说明 ......

Panda-Q
2018/11/08
675
0
HTML-CSS-JS-JQ常用知识点总结

html:展示 文件 标签: <html> <head> <title></title> <meta> <link> <style></style> </head> <body></body> </html> 排版标签: p 段落 hr 分割线 br 换行 字体标签: <font></font> h1~h6 标......

osc_0q2mvgjv
2019/04/10
3
0

没有更多内容

加载失败,请刷新页面

加载更多

PO设计模式-实现移动端自动化测试

开发环境:python 3.6.5 + selenium 2.48.0 + pytest框架 + Android 5.1 工具:pycharm + Appium + Genymotion 测试机型:Samsung Galaxy S6 #需求:设计3个测试用例#1.实现点击设置->显示-...

osc_cl1ufvfd
8分钟前
0
0
Android之TabLayout和ViewPager组合跳转到指定页面

1 问题 TabLayout和ViewPager组合跳转到具体一个页面 2 解决办法 viewPager?.setCurrentItem(index) index为0说明是第一页,如果是1的话就是第二页,以此类推。...

osc_w4g8kpwc
10分钟前
0
0
Android之解决多语言适配部分TextView内容左对齐和内容一行不排满就到第二行问题

1 问题 1、多语言适配部分TextView内容左对齐 2、内容一行不排满就到第二行问题 2 解决办法 问题1、在TextView里面加入下面参数 android:gravity="center" 问题2、 import android.conte...

osc_u61lmlkv
10分钟前
0
0
SpringBoot2.0+Shiro+MyBatisPlus权限管理系统

项目描述 Hi,大家好,今天分享的项目是《SpringBoot+Shiro权限管理系统》,这是一个SpringBoot+Layui后台管理系统,使用Shiro安全框架,加入访问权限,对不同角色有不同的访问权限,其他管理...

ericxu1116
12分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部