前阵子同事帮忙写了一个通用查询(JS实现DropDownList),今天有空了看了下代码,挺简单,但挺实用.现分享如下.

   一.效果如下：

1.

2.点测试按钮后进入查询页面

 

3.输入"上海" 点查询 看到如下界面

4.选取"上海机场集团公司" 双击 看到最终效果

 

 

    二.代码

  查询前台代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DdlSelect.aspx.cs" Inherits="Control_DdlSelect" %>                    
      
     
       
         
                 
                 
        
          
                              
       
     
      
      

 

      查询后台代码：无代码 

     调用代码：

           1. <input type="button"  value="测试" οnclick="f_queryddl('目标DropDownList的ID')"/>

           2.其对应JS代码如下

              

function f_queryddl(ddlid) {
        var l_ddl = document.getElementById(ddlid);     var l_parm; if(l_ddl== null || l_ddl.options.length ==0)     {
    return;     }     l_parm = new Array(l_ddl.options.length); for(var i =0; i < l_ddl.options.length; i ++)     {
            l_parm[i]=new Array(2);         l_parm[i][0] =  l_ddl.options[i].text;         l_parm[i][1] =  l_ddl.options[i].value;     }     var l_ret = window.showModalDialog("/Web/Control/DdlSelect.aspx",l_parm); if(l_ret != null && l_ret.length > 0)     {
    for(var i =0; i < l_ddl.options.length; i ++)         {
    if(l_ddl.options[i].value == l_ret)             {
                    l_ddl.options.selectedIndex = i; return;             }         }     } }