`
lijun87
  • 浏览: 263633 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

HTML DOM selectedIndex 属性

HTMLJavaScriptApple 
阅读更多
HTML DOM selectedIndex 属性
返回 HTML DOM Select 对象参考手册
定义和用法 
selectedIndex 属性可设置或返回下拉列表中被选选项的索引号。


注释：若允许多重选择，则仅会返回第一个被选选项的索引号。

语法 
selectObject.selectedIndex=number

实例
下面的例子可提示出被选选项的索引号： 
<html>
<head>
<script type="text/javascript">
function getIndex()
  {
  var x=document.getElementById("mySelect")
  alert(x.selectedIndex)
  }
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getIndex()"
value="Alert index of selected option">
</form>

</body>
</html>
分享到：
| sql日期的详细解释
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery操作DOM之获取表单控件的值

    HTML属性与DOM属性差别最大的地方，恐怕就要数表单控件的值了。比如，文本输人框的 value属性在DOM中的属性叫defaultValue，DOM中就没有value属性。而选项列表（select) 元素呢，其选项的值在DOM中通常是通过...

    GridView相关

    GridView控件中的"选择"操作纯粹是一个UI概念，它的SelectedIndex属性与表格的可视数据行中的当前被选中的行的索引相对应。如果你启用了表格的分页和排序功能，在执行分页或排序操作之后，SelectedIndex的值仍然不会...

    改变HTML下拉框SELECT选项的多种方法

    提交表单后返回的HTML页面重新渲染，SELECT控件的value和selectedIndex属性都无法使下拉框保留提交表单前的状态。 复制代码代码如下: &lt;SELECT id=”idState” style=”width:150″ name=”state” selectedIndex...

    详解jQuery中的prop()使用方法

    注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。 提示：如需检索 HTML 属性，请使用 attr() 方法...

    serialport测试实现串口打开关闭及设置所有常用属性

    SerialNumber.SelectedIndex = 0; serialBit.SelectedIndex = 2; SerialDataBits.SelectedIndex = 3; SerialStopBits.SelectedIndex = 1; SerialHandShoke.SelectedIndex = 1; SerialParity.SelectedIndex = 0...

    JS检索下拉列表框中被选项目的索引号(selectedIndex)

    主要介绍了JS检索下拉列表框中被选项目的索引号(selectedIndex),本文通过实例代码图文详解的形式给大家介绍的非常详细，需要的朋友可以参考下

    Javascript操作dom对象之select全面解析

    html代码： 　&lt;select id=university&gt; 北京大学&gt;北京大学 清华大学&gt;清华大学 北京电影学院&gt;北京电影学院 &lt;/select&gt;...var university=document.getElementById...var index=university.selectedIndex;

    javascript级联下拉列表实例代码(自写)

    属性 a,selectedIndex:用户选择的选项的下标，下标从0开始 b,length: 获取或者设置选项的个数 c,options: 返回一个数组，数组元素是Option对象 2，Options对象 属性： a,text:选项的文本内容 b,value:选项的値 c,...

    js select option对象小结

    一基础理解: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ;...selectedIndex属性——–当前被选中的框中的文本的索引值,此索引值是内存自动分配的(0,

    C#全能速查宝典

    《C#全能速查宝典》共分为8章，分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程，共包含562个C#编程中常用...

    FrontEnd-examples

    省市区三级联动的三种实现的方式（原生js实现）方式一：第一个使用select的onchange事件及selectedIndex属性来完成，其中省市区（县）数据是在网上找的，不能保证真实性；第二个是第一个的修改版，使用的数据来源于...

    accordion

    accordion

    用jQuery解决IE不支持的option disable属性

    this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果，因为输出的都是文本，不存在js加载的情况。 使用jQuery解决IE不支持的option disable属性 使用jQuery解决IE不支持的option disable属性 普通...

    JavaScript笔记

    |--js中正则表达式语法：/正则表达式/[属性后缀]--其中属性后缀，g：全局匹配 i：忽略大小写(仅英文有效) 如果不适用模式匹配方式，将执行原文匹配 结果：如果正则表达式写错，也将执行原文匹配 12.Array笔试题...

    ExtAspNet_v2.3.2_dll

    -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\extaspnet目录下，目前只有en,zh_CN,zh_TW三种实现...

    Ajax Control Toolkit 34个服务器端控件第1/2页

    1. Accordion 【功能概述】 Accordion可以...我们可以在后台代码中通过SelectedIndex属性取得当前展开的哪一个Panel，还可以控制哪一个Panel展开。 经常可以见到类似的效果，比如QQ、Msn好友分类的折叠效果。 【细节】

    下拉框选择年月日代码

    var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value; if (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;} var n = MonHead[str - 1]; if (str =...

Magicbox
Global site tag (gtag.js) - Google Analytics