日期:2014-05-19  浏览次数:20800 次

在C# web中实现DropDownlist 的 可文本输入可下拉选择
C#   web中实现DropDownlist   的   可文本输入可下拉选择,控件了绑定数据库,希望有高手能提供非组件的方法,比如用JAVASCRIPTsh实现等

------解决方案--------------------
实际上所有组件方法——最后还不是一样体现在客户端的Javascript上?

你只要它客户端的不就是了?

==================================================================
博客空间:http://blog.csdn.net/lovingkiss
资源下载:http://download.csdn.net/user/lovingkiss
Email:loving-kiss@163.com
优惠接单开发,收费带初学者,组件控件定制开发,成品源代码批发
联系方式:Q64180940(请清楚注明业务还是技术咨询) 全天在线
==================================================================
------解决方案--------------------
function addTxtTanto(va){
document.all( "txtTitle ").value=va; //将ddl中选择的值给文本框
document.all( "txtTitle ").select(); //将ddl跳转到选择的值上
}
function checktitle(){ //检查输入的文字在ddl中的text值是否存在
var drp = document.all( "DDLTitle "); //定义ddl
var t=document.all( "txtTitle "); //定义textbox
var j=0; //计数
if(t.value== " "){
}else{
for(var i=0;i <drp.length;i++){
if(t.value==drp.options(i).text){
drp.value=drp.options(i).value;
break;
}else{
j=j+1;
}
}
if(j==drp.length){
t.value= " ";
t.select();
alert( "タイトルが存在していません。 ");
}
}
}


<div id= "selDiv " style= "Z-INDEX: 100; LEFT: 48px; VISIBILITY: visible; CLIP: rect(0px 110px 80px 92px); POSITION: absolute; TOP: 26px ">
<!--CLIP: rect(0px 110px 80px 92px);将该区域内容抠除掉-->
<asp:dropdownlist id= "DDLTitle " style= "Z-INDEX: -1 " runat= "server " Width= "110 "> </asp:dropdownlist>
</div>
<asp:textbox id= "txtTitle " style= "Z-INDEX: 103; LEFT: 47px; POSITION: absolute; TOP: 26px " runat= "server " Font-Size= "10 " Width= "111 " maxLength= "50 " Height= "22 "> </asp:textbox>

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
txtTitle.Attributes( "onblur ") = "javascript:checktitle(); "
DDLTitle.Attributes.Add( "Onchange ", "addTxtTanto(this.options[this.selectedIndex].innerText) ")
end sub