JS简单操作select和dropdownlist实例

本文实例讲述了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 < DropDownListCurrencyNew.options.length; 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简单操作select和dropdownlist实例)