JS简单操作select和dropdownlist实例_javascript技巧
程序员文章站
2022-03-26 20:19:18
...
本文实例讲述了JS简单操作select和dropdownlist的方法。分享给大家供大家参考。具体实现方法如下:
JS代码:
一、js选中服务器控件select与dropdownlist
1. js操作服务器控件select
复制代码 代码如下:
//js操作服务器控件dropdownlist
JS代码:
复制代码 代码如下:
document.getElementById("ddlFolder").value="0";//0为你要选中的项的value
2. 根据Text值设置选中某项
复制代码 代码如下:
var DropDownListCurrencyNew = document.getElementById("ddlFolder");
for(i = 0; i {
if(DropDownListCurrencyNew.options[i].text == "选项0")
{
DropDownListCurrencyNew.options[i].selected = true;
}
}
for(i = 0; i {
if(DropDownListCurrencyNew.options[i].text == "选项0")
{
DropDownListCurrencyNew.options[i].selected = true;
}
}
二、js读取DropDownList选中项的value和text
Value:
复制代码 代码如下:
var selValue = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].value;
Text:
复制代码 代码如下:
var selText = document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").selectedIndex].text;
希望本文所述对大家的js与.net程序设计有所帮助。
推荐阅读
-
js类的静态属性和实例属性的理解_javascript技巧
-
JS判断文本框内容改变事件的简单实例_javascript技巧
-
一个简单的Node.js异步操作管理器分享_javascript技巧
-
Js 导出table内容到Excel的简单实例_javascript技巧
-
JS的递增/递减运算符和带操作的赋值运算符的等价式_javascript技巧
-
js类的静态属性和实例属性的理解_javascript技巧
-
js history对象简单实现返回和前进_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
JS取文本框中最小值的简单实例_javascript技巧
-
JS Map 和 List 的简单实现代码_javascript技巧