用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  +   " ') " );

转载于:https://www.cnblogs.com/lhuser/articles/1460786.html