用JavaScript实现TEXTbox与DropDownList的交互

从DropDownList到TextBox,也就是当DropDownList选择时,把DropDownList的TEXT或VALUE值赋给TEXTBOX

//ddl是dropdownlist控件的名称,txt是textbox控件的名称
//
把dropdownlist的Text值赋给TEXTBOX
function DdlSelectedTextToTxt(ddl,txt)
{
    document.all(txt).value
=document.all(ddl).options[document.all(ddl).selectedIndex].text;
    
return false;
}

//把dropdownlist的VALUE值赋给TEXTBOX
function DdlSelectedTextToTxt(ddl,txt)
{
    document.all(txt).value
=document.all(ddl).options[document.all(ddl).selectedIndex].value;
    
return false;
}

把方法绑定到 DropDownList的onchange事件上

ddl.Attributes.Add("onchange""return DdlSelectedTextToTxt('" + ddl.ClientID + "','" + txt.ClientID + "')");

从TextBox到DropDownList,也就是当textbox的值改变时,从DropDownList的text或value中查找最相近的值(下面的代码只是在DropDownList的text中查找),并把DropDownList的TEXT或VALUE值赋给TEXTBOX。

1.先比较textbox与dropdownlist的值

 //返回值:bool, ddl所有项与txt.text值进行匹配,若找到返回true,否则返回false
 function Match_DdlToTxt(txt,ddl)
 
{
     var returnValue
=false;
     var txtValue
=document.all(txt).value;
     
for( i=0;i<document.all(ddl).options.length;i++)
     
{
         
if(IsMatch(txtValue,document.all(ddl).options[i].text)==true)
         
{
            document.all(txt).value
=document.all(ddl).options[i].text;
            document.all(ddl).options[i].selected
=true;
            returnValue
= true;
            
break;
         }

     }
  
    
return returnValue; 
}
 
//返回值:bool,匹配sValue1与sValue2项,sValue2是否包含sValue1,包含返回true,否则返回false
function IsMatch(sValue1,sValue2)
{
    var index
=sValue2.indexOf(sValue1);
    
if(index>=0)
    
{
        
return true;
    }

       
return false;
}
 

2.设置当textbox中输入是回车键时响应比较查询事件

function ChkKeyEnterDdl(txt,ddl) 
{
    
if(event.keyCode==13)
    
{    
       
if(Match_DdlToTxt(txt,ddl)==false)
       
{
          alert(
"数据不匹配!");
       }

       
return false;
    }

}

3.把方法绑定到textbox的onkeypress事件或onkeydown事件上

TextBox1.Attributes.Add("onkeydown""return ChkKeyEnterDdl('" + txt.ClientID + "','" + ddl.ClientID + "')");



TextBox1.Attributes.Add(
"onkeypress""return ChkKeyEnterDdl('" + txt.ClientID + "','" + ddl.ClientID + "')");
posted @ 2009-05-19 23:10  Daniel_Lu  阅读(381)  评论(0编辑  收藏  举报