文档章节

DOM selectedIndex 实例应用

Adam-Lee
 Adam-Lee
发布于 2012/02/13 19:38
字数 147
阅读 167
收藏 0

语法:selectObject.selectedIndex=number,可设置或返回下拉列表中被选选项的索引号。

实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script>
function  selectIndex(num){
 document.getElementById("mySelect").selectedIndex = num;  
}
</script>
</head>

<body>
<form>
Select your favorite fruit:
<select id="mySelect">
  <option selected="selected">Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="selectIndex(1)"
value="选择Orange"><input type="button" onclick="selectIndex(2)"
value="选择Pineapple"><input type="button" onclick="selectIndex(3)"
value="选择Banana"><input type="button" onclick="selectIndex(0)"
value="选择Apple">
</form>

</body>
</html>

 

© 著作权归作者所有

Adam-Lee
粉丝 50
博文 118
码字总数 166965
作品 0
深圳
程序员
私信 提问
JavaScript 日期联动选择器

一个日期联动选择器,年月日联动显示,准确显示日期(包括闰年日期),可自定义日期范围。 效果预览: 程序说明 【select】 先说清空一个select,最简单的方法是把options的length设为0就可以...

青夜之衫
2017/12/05
0
0
jquery prop方法的使用以及与attr方法的区别

prop方法的概况: prop()是jquery1.6中新加了一个方法,用来区分attr方法,专门用来处理DOM属性。一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误,而prop方...

issac宝华
2016/10/09
225
0
Jquery常用插件及功能片段

返回顶部 解决手机浏览器bfcache导致的后腿页面js不执行 60S倒计时 禁止浏览器后退 飘入动画 滚动底部加载更多评价 Jquery.clone修复 修复部分浏览器在jquery.clone时 textarea 和 select 标...

麦拂沙
2015/11/03
58
0
objective-c 选项卡翻页效果

(IBAction) tappedRightButton:(id)sender { NSUInteger selectedIndex = [self.tabBarController selectedIndex]; NSArray *aryViewController = self.tabBarController.viewControllers; i......

_pioneer_
2016/01/25
59
0
DKTabPageViewController

DKTabPageViewController是一个UIViewController的子类,其基于Child ViewController管理多个页面,支持手动滚动,以及是否显示顶部的Tab等。每一个Tab对应一个UIViewController实例,与其他...

zhangao0086
2014/12/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

JAVA--高级基础开发

//定义两个线程,一个线程输出偶数,一个线程输出奇数,并且是交替输出 public class Test08 { public static void main(String[]args){ //创建当前类的对象 Life num = new L...

李文杰-yaya
7分钟前
16
0
[开源] .NETCore websocket 即时通讯组件---ImCore

ImCore 利用 webSocket 协议实现简易、高性能、集群即时通讯组件,支持点对点通讯、群聊通讯、上线下线事件消息等众多实用性功能。 Quick Start dotnet add package ImCore IM服务端 public...

2881099
10分钟前
1
0
java保留小数点后几位,不足的用0补

在 java 中,如果小数点最后位是0,double类型会把这个0去掉,比如4.30变成了4.3,这样导致有的界面显示不好看。 所以要转换下,如下方法 /** * 将double格式化为指定小数位的String,...

Gotcha_
15分钟前
2
0
spring boot 1.x升2.x的注意事项

记录升级过程中的一些错误。 本次升级为1.5.x 升级为2.1.4 ---------------------------------------------- 如果java版本低于8请不要升级,spring boot 2.0需要至少java 8才行。 ----------...

玄影镜心
16分钟前
3
0
关于Spring

Spring整体架构: Core Container Core Container(核心容器)包含Beans、Core、Context、EspL四个模块 Core和Beans是Spring的基础部分,提供IOC(控制反转)和DI(依赖注入) Core模块 该模...

java后端开发
22分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部