JS简单操作select和dropdownlist实例_javascript技巧
程序员文章站
2022-04-17 17:45:30
...
本文实例讲述了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程序设计有所帮助。
下一篇: python对文件操作流程介绍
推荐阅读
-
js类的静态属性和实例属性的理解_javascript技巧
-
js history对象简单实现返回和前进_javascript技巧
-
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)_javascript技巧
-
JS取文本框中最小值的简单实例_javascript技巧
-
JS Map 和 List 的简单实现代码_javascript技巧
-
js中判断用户输入的值是否为空的简单实例_javascript技巧
-
js(JavaScript)实现TAB标签切换效果的简单实例_javascript技巧
-
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例_javascript技巧
-
js history对象简单实现返回和前进_javascript技巧
-
超简单JS二级、多级联动的简单实例_javascript技巧