`
moqiang02
  • 浏览: 556442 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
文章分类
社区版块
存档分类
最新评论

this.options[selectedIndex]的使用

 
阅读更多
<select id="sel" onchange="javascript:getSelect();">
<option value="a">选择</option>
<option value="bdd">be</option>
<option value="c">ce</option>
<option value="d">de</option>
<option value="e">ee</option>
</select>
<script>
function getSelect() {
   //得到select下拉列表中option的value
   var optionValue = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].value;
   //得到select下拉列表中option的text
   var optionText = document.getElementById("sel").options[document.getElementById("sel").options.selectedIndex].text; 
}
</script>

<select id="sele" onchange="javascript:getE();">
<option value="monday">星期一</option>
<option value="tuesday">星期二</option>
<option value="wednesday">星期三</option>
<option value="thursday">星期四</option>
<option value="friday">星期五</option>
</select>
<script>
function getE() {
   //我建议这里也像下面一些写,虽然这样写也可以获得数据
   var optionsValue = document.getElementById("sele").value;
   alert(optionsValue);
   var optionsText = document.getElementById("sele").options[document.getElementById("sele").options.selectedIndex].text;
   alert(optionsText);
}
</script>

分享到:
评论

相关推荐

    javascript 获取select下拉列表值的代码

    最关键的一段代码就是: 代码如下: onchange=”show(this.options[this.options.selectedIndex].value);” onchange=”show(this.options[this.options.selectedIndex].value);” show是一个自定义的函数名。 this....

    select value options

    如果要获取`&lt;option&gt;`元素的显示文本,可以使用`this.options[this.selectedIndex].innerText`或`textContent`。在大部分情况下,`innerText`和`textContent`在获取文本内容时表现相同,但在某些复杂嵌套的情况下,`...

    Select精美下拉框(漂亮)

    this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText; if (this.bExpanded) this.toggleOptions(false); } function SS_toggleTitle (bReverse) { this....

    JavaScript实现通过select标签跳转网页的方法

    &lt;select name="" onchange="window.open(this.options[this.selectedIndex].value);"&gt; &lt;option value="//www.jb51.net" selected="selected"&gt;jb51 &lt;option value="http://www.163.com"&gt;163&lt;/option&gt; ...

    列表框互联

    onchange="ChangeSelect('../Ajax.asp?Type=1&Id;='+this.options[this.options.selectedIndex].value,'ztzlid');")

    js下弹出窗口的变通

    所以用的代码是: onChange=”window.open(this.options[this.selectedIndex].value,’_blank’)” 但这样很容易被屏蔽的…有更好的办法吗可以用变通的方法, 1.页面用&lt;a&gt;&lt;/a&gt; 2.document.getElementById(‘aa’)....

    js select类

    return $(this).get(0).options.length; } ``` 此方法通过 `.get(0)` 获取 DOM 对象,并通过 `.options` 属性获取 `select` 元素的所有选项,最后返回这些选项的数量。 ### 知识点二:获取当前选中的索引 ```...

    Vue.js获取被选择的option的value和text值方法

    如下所示: 1.获取option的value的值,watch option 控件时,或自动获取option的value的值。...select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)&gt; 请选择主菜名 &lt;o

    jquery操作select插件.docx

    jQuery(this).get(0).selectedIndex = i; break; } } } ``` 3. **检查是否存在特定值的选项** `isExistItem`函数用于检测`&lt;select&gt;`中是否存在具有特定`value`的选项。同样,它遍历所有选项,比较`value`...

    ASP四级联动下拉菜单 (XML+Access)

    objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;BindSelect(m_sBaseSrc+val, '"+objSelect.ChildSelectName+"', '"+defaultVal+"');if(val!='')document.all....

    JavaScript 基础问答 四

    二、导航功能增强   1. 下拉菜单中的链接(Links in Select Menu) Q:我如何实现在下拉菜单中链接到不同的页面?...self.location=this.options[this.selectedIndex].value”&gt; ”” selected&gt;Sele

    javascript经典年月日三级联动

    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 ==...

    JavaScript 无限级别 联动下拉框类

    this.optionChange(this.options[this.selectedIndex].value, obj2.id); }; }; // 设置初始选中值 this.firstSelectChange = function (indexName, selectName) { this.obj = document.all[selectName]; ...

    一个select下拉的js脚本

    var selectedOption = this.options[this.selectedIndex]; console.log('选择的值:' + selectedOption.value + ', 文本:' + selectedOption.text); }); ``` 5. 设置默认选中项: ```javascript selectBox....

    键盘操作select下拉框

    let selectedIndex = this.selectedIndex; switch (event.key) { case 'ArrowUp': if (selectedIndex === 0) { selectedIndex = options.length - 1; } else { selectedIndex--; } break; case '...

    js三级联动下拉框

    me.optionChange(this.options[this.selectedIndex].value, obj2.id); }; }; ``` - 该方法注册了一个事件监听器,当`selectName1`下拉框的选项发生变化时,会根据当前选中的值更新`selectName2`下拉框的内容。 ...

    javaME实现的多功能菜单制作工具

    空闲时间用javaME制作的一个菜单小工具,构造函数如下public MenuList(String[] menuOptions, int SelectedIndex, int IntPositionX, int IntPositionY, int IntNumArrowhead) { this.IntSelectedIndex = ...

    下拉框选择选择头像代码

    3. **JavaScript逻辑**:表达式中使用`this.options[this.selectedIndex].value`获取当前选中项的值,并将其赋给图片的`src`属性,从而实现图片的动态更新。 #### 三、方法二:结合表单与内联样式 ##### 代码示例...

Global site tag (gtag.js) - Google Analytics