首页  >  文章  >  web前端  >  JS简单操作select和dropdownlist实例_javascript技巧

JS简单操作select和dropdownlist实例_javascript技巧

WBOY
WBOY原创
2016-05-16 16:30:191385浏览

本文实例讲述了JS简单操作select和dropdownlist的方法。分享给大家供大家参考。具体实现方法如下:

一、js选中服务器控件select与dropdownlist

1. js操作服务器控件select

复制代码 代码如下:


//js操作服务器控件dropdownlist
   
        选项0  
   选项1 
   

  选项0
  选项1


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;
          }
}

二、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程序设计有所帮助。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn