`
zhangyaochun
  • 浏览: 2615254 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

DOM Select对象的selectedIndex属性

阅读更多

DOM selectedIndex属性

 

    ----- 设置或返回下拉框列表中被选选项的索引号

 

           也是从0开始的。

 

selectObj.selectedIndex = number;

 

 

扩展阅读:

 

http://www.w3school.com.cn/htmldom/prop_select_selectedindex.asp

分享到:
评论

相关推荐

    Jquery 操作 Dom 标签 select

    $('#select_id')[0].selectedIndex = 1; // 设置第二项为当前选中项 ``` 这段代码将 `<select>` 中的第二项(索引从 0 开始)设置为默认选中项。 4. **动态添加选项**: ```javascript $("<option value='1'>...

    JS更改select内option属性的方法

    接下来,获取了select元素的引用后,可以利用select对象提供的属性和方法来更改内部option的属性。select对象有一个options属性,它是一个HTMLCollection,包含了select元素内所有的option元素。通过访问options集合...

    html中select的属性[文].pdf

    以下是一些主要的`<select>`属性的详细说明: 1. `accessKey`: 这个属性允许设置一个快捷键,使得用户可以通过键盘快速聚焦到此元素。 2. `align`: 该属性已废弃,但在一些老版本的HTML中,它可以设置元素相对于...

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

    2. 获取select选中option的index值:通过select对象的selectedIndex属性来获取当前选中的option的索引值。这个索引值是从0开始的,如果有三个选项,则索引值可以是0、1或2。这个值表示当前用户选中的option在整个...

    第十五章JavaScript-HTMLDOM对象2022优秀文档.ppt

    Select对象的`options`属性可以访问其包含的所有Option元素,`selectedIndex`和`value`属性分别用于获取或设置选中项的索引和值。在HTML中,我们可以为Select元素添加onChange事件,如示例所示,当选项改变时,`...

    select选择框内容左右移动

    2. **JavaScript操作DOM**:实现选择框内容的移动,关键在于使用JavaScript来操纵DOM(文档对象模型)。通过`document.getElementById`或`querySelector`等方法获取到`select`元素,然后可以使用`options`属性获取...

    option属性的js事件浏览器差异

    var selectedIndex = select.selectedIndex; // W3C 兼容 var selectedOption = select.options[select.selectedIndex]; // W3C 兼容 // IE 兼容 var ieSelectedIndex = select.getAttribute('selectedIndex');...

    无聊的文档

    HTML DOM Form 和 Select 对象是网页交互中不可或缺的部分,它们为用户提供了数据输入和选择功能。Form 对象代表HTML文档中的表单元素,而Select对象则代表表单内的下拉列表。 Form对象: Form对象是HTML `<form>` ...

    JavaScript[对象-属性]集锦

    根据给定的文件信息,我们将深入探讨JavaScript中的对象与属性,特别是那些与浏览器窗口、文档对象模型(DOM)以及表单元素相关的属性。这将帮助我们更好地理解和掌握JavaScript在网页编程中的应用。 ### 1. 窗口...

    Js操作Select大全.doc

    获取`<select>`当前选中的选项的`value`、`text`和`index`,可以使用`selectedIndex`、`options`数组和`value`或`text`属性。例如: ```javascript function jsGetCurrentSelectedItem(objSelect) { var ...

    Javascript Select操作大集合

    JavaScript中的Select对象是HTML表单元素Select的编程接口,它提供了对下拉列表的操作功能。在Web开发中,Select元素通常用于创建用户可以选择的多个选项。以下是对标题和描述中涉及的知识点的详细说明: 1. **动态...

    select选择事件

    当用户在下拉列表中做出选择后,可以通过访问`options`属性并结合`selectedIndex`来获取选中的值。 ```javascript var value = obj.options[obj.selectedIndex].value; ``` 这里`obj.options`返回一个类似数组的对象...

    jQuery对Select的操作大集合(收藏)

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对Select元素的处理。Select元素是HTML中用于创建下拉列表的标签,通常用于提供多个选项供用户选择。本文将深入探讨jQuery如何操作...

    js中DOM三级列表(代码分享).docx

    2. 获取和设置元素属性:如`this.selectedIndex`获取选中项的索引。 3. 事件处理:`onchange`事件监听器,`addEventListener`或`attachEvent`(IE)也可以实现相同功能。 4. 数据结构和递归:使用数组和对象表示多级...

    select框上下移动排序

    var currentIndex = select.selectedIndex; var nextIndex; if (e.keyCode === 38) { // 上箭头 nextIndex = currentIndex - 1; } else { // 下箭头 nextIndex = currentIndex + 1; } if (nextIndex >= 0 ...

    一个select下拉的js脚本

    首先,我们需要了解JavaScript中的DOM(Document Object Model),它是一个基于树形结构的文档对象模型,允许我们通过编程方式访问和修改HTML元素。在JS中,我们可以使用`document.getElementById()`或`document....

    js select option对象小结

    首先,select对象可以通过document.getElementById()方法获取到对应的DOM元素。一旦获取到这个元素,就能够访问options属性,这个属性包含了一个类似数组的对象集合,每个对象都代表了一个option元素。通过操作这个...

    js模拟点击select下拉菜单列表代码

    这可以通过改变`<select>`的`size`属性来实现。当`size`值大于1时,下拉菜单会以多选框的形式显示所有选项。我们可以在事件处理函数中暂时设置`size`,然后在用户做出选择或一定时间后恢复原状: ```javascript ...

Global site tag (gtag.js) - Google Analytics