<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>
分享到:
相关推荐
最关键的一段代码就是: 代码如下: onchange=”show(this.options[this.options.selectedIndex].value);” onchange=”show(this.options[this.options.selectedIndex].value);” show是一个自定义的函数名。 this....
如果要获取`<option>`元素的显示文本,可以使用`this.options[this.selectedIndex].innerText`或`textContent`。在大部分情况下,`innerText`和`textContent`在获取文本内容时表现相同,但在某些复杂嵌套的情况下,`...
this.TitleTable.cells(0).childNodes(0).innerText = this.options[this.selectedIndex].innerText; if (this.bExpanded) this.toggleOptions(false); } function SS_toggleTitle (bReverse) { this....
<select name="" onchange="window.open(this.options[this.selectedIndex].value);"> <option value="//www.jb51.net" selected="selected">jb51 <option value="http://www.163.com">163</option> ...
onchange="ChangeSelect('../Ajax.asp?Type=1&Id;='+this.options[this.options.selectedIndex].value,'ztzlid');")
所以用的代码是: onChange=”window.open(this.options[this.selectedIndex].value,’_blank’)” 但这样很容易被屏蔽的…有更好的办法吗可以用变通的方法, 1.页面用<a></a> 2.document.getElementById(‘aa’)....
return $(this).get(0).options.length; } ``` 此方法通过 `.get(0)` 获取 DOM 对象,并通过 `.options` 属性获取 `select` 元素的所有选项,最后返回这些选项的数量。 ### 知识点二:获取当前选中的索引 ```...
如下所示: 1.获取option的value的值,watch option 控件时,或自动获取option的value的值。...select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> 请选择主菜名 <o
jQuery(this).get(0).selectedIndex = i; break; } } } ``` 3. **检查是否存在特定值的选项** `isExistItem`函数用于检测`<select>`中是否存在具有特定`value`的选项。同样,它遍历所有选项,比较`value`...
objSelect.onchange = Function( "var val = this.options[this.selectedIndex].value;BindSelect(m_sBaseSrc+val, '"+objSelect.ChildSelectName+"', '"+defaultVal+"');if(val!='')document.all....
二、导航功能增强 1. 下拉菜单中的链接(Links in Select Menu) Q:我如何实现在下拉菜单中链接到不同的页面?...self.location=this.options[this.selectedIndex].value”> ”” selected>Sele
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 ==...
this.optionChange(this.options[this.selectedIndex].value, obj2.id); }; }; // 设置初始选中值 this.firstSelectChange = function (indexName, selectName) { this.obj = document.all[selectName]; ...
var selectedOption = this.options[this.selectedIndex]; console.log('选择的值:' + selectedOption.value + ', 文本:' + selectedOption.text); }); ``` 5. 设置默认选中项: ```javascript selectBox....
let selectedIndex = this.selectedIndex; switch (event.key) { case 'ArrowUp': if (selectedIndex === 0) { selectedIndex = options.length - 1; } else { selectedIndex--; } break; case '...
me.optionChange(this.options[this.selectedIndex].value, obj2.id); }; }; ``` - 该方法注册了一个事件监听器,当`selectName1`下拉框的选项发生变化时,会根据当前选中的值更新`selectName2`下拉框的内容。 ...
空闲时间用javaME制作的一个菜单小工具,构造函数如下public MenuList(String[] menuOptions, int SelectedIndex, int IntPositionX, int IntPositionY, int IntNumArrowhead) { this.IntSelectedIndex = ...
3. **JavaScript逻辑**:表达式中使用`this.options[this.selectedIndex].value`获取当前选中项的值,并将其赋给图片的`src`属性,从而实现图片的动态更新。 #### 三、方法二:结合表单与内联样式 ##### 代码示例...