文档章节

JavaScript:Select标签

清山博客
 清山博客
发布于 2016/07/15 20:03
字数 397
阅读 0
收藏 0

jQuery获取Select选择的Text和Value:
1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值 

jQuery设置Select选择的Text和Value:

1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option

<h3>请选择要前往的网站:</h3>
<select id="gotopage">
<option value="http://www.baidu.com">1.百度</option>
<option value="http://t.qq.com/qingshan008/"> 2.清山微博</option>
<option value="http://blog.csdn.net/a497785609"> 3.清山博客</option>
<option value="http://www.powereasy.net/"> 4.动易网络</option>
</select>
<script language="Javascript">
//在网页末尾添加以下js代码:
var s=document.getElementById("gotopage");
if(s){
   s.attachEvent('onchange',mychange);//动态添加onchange事件,其他事件只需改成事件名称即可。
   function mychange(){
       window.location=(s.options[s.selectedIndex].value);//访问所选option指定的网址,仅对IE有效。
   }
}
</script>

本文转载自:http://blog.csdn.net/a497785609/article/details/5755967

共有 人打赏支持
清山博客
粉丝 3
博文 142
码字总数 30397
作品 0
广州
私信 提问
24个漂亮的个性化HTML表单技术

COMSHARP CMS 写道 "HTML表单对象在不同浏览器渲染方式并不一致,尽管一些对象,如textbox和textarea可以通过CSS在不同浏览器获得一致的外观,其它多 数无法通过CSS 控制外观的对象在有些浏览...

红薯
2009/04/19
4.6K
1
js通过属性清空select标签内容

Javascript还可以这样用,居然用属性来当作方法用。 曾今看到过有这样一个问题如下 问:如何用js 控制select标签,把其中的下拉菜单项清空。 select标签动态生成的 答:其实这种效果通过控制...

胡神父
2011/07/22
0
0
FineReport中如何用JavaScript自定义地图标签

在日常使用地图过程中,通常会遇到地图标签,提示点等显示不满足我们的需求,需要进行JavaScript代码编写。 例如:在使用地图过程中,会发现很多地名显示的位置偏离。这时候就需要使用JavaS...

雄霸天下啦
2018/06/26
0
0
js (jQuery) 之 取值

都是一些老生常谈,没什么新东西,算是开发过程中不知道怎么写去百度的一些东西 。都说程序员写博客是一个好习惯,算是一份保存笔记,以后不用到处百度然后出来的一些答非所问的答案 。 1: ...

architect刘源源
2018/05/07
0
0
tab页签切换----bootstrap

关于$().tab()一般用来实现标签页和胶囊链接内容片段的切换,或是相关内容的页面导航: <ul class="nav nav-tabs" id="myTab"> <li class="active"><a href="#home">Home</a></li> <li><a h......

freedonn
2014/11/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

C++ vector和list的区别

1.vector数据结构 vector和数组类似,拥有一段连续的内存空间,并且起始地址不变。 因此能高效的进行随机存取,时间复杂度为o(1); 但因为内存空间是连续的,所以在进行插入和删除操作时,会造...

shzwork
今天
3
0
Spring之invokeBeanFactoryPostProcessors详解

Spring的refresh的invokeBeanFactoryPostProcessors,就是调用所有注册的、原始的BeanFactoryPostProcessor。 相关源码 public static void invokeBeanFactoryPostProcessors(Configu......

cregu
昨天
4
0
ibmcom/db2express-c_docker官方使用文档

(DEPRECIATED) Please check DB2 Developer-C Edition for the replacement. What is IBM DB2 Express-C ? ``IBM DB2 Express-C``` is the no-charge community edition of DB2 server, a si......

BG2KNT
昨天
3
0
Ubuntu 18.04.2 LTS nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic)

平台:Ubuntu 18.04.2 LTS nvidia-docker2 版本:2.0.3 错误描述:在安装nvidia-docker2的时候报dpkg依赖错误 nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic) 先看一下依......

Pulsar-V
昨天
4
0
学习笔记1-goland结构体(struct)

写在前面:若有侵权,请发邮件by.su@qq.com告知。 转载者告知:如果本文被转载,但凡涉及到侵权相关事宜,转载者需负责。请知悉! 本文永久更新地址:https://my.oschina.net/bysu/blog/3036...

不最醉不龟归
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部