• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET中如何让DropDownList控件既能做选择又能做输入用(转载)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
<html>  
<head>  
<style>  
<!--  
.cls1  {  position:absolute;  left:250px;  top:89px;  width:216px;  height:72px;  z-index:1;  }  
.cls2  {  position:absolute;  left:250px;  top:89px;  width:95px;  height:18px;  z-index:2  }  
input  {  font-size:  12px;  padding-top:  2px;  padding-left:  2px;width:127;}  
//-->  
</style>  
</head>  
<script>  
<!--  
function  addOption(pos){  
 
 if(event.keyCode==13)  
 {  
   var  select_obj  =  document.getElementById("myselect");  
   var  text_value      =  document.getElementById("test").value;  
 
   if  (select_obj.length)  
   {  
     for  (var  i=0;i<select_obj.length;i++)  
     {  
       //  如果已经存在,不添加,直接退出  
       if  (select_obj.options[i].text==text_value)  
         alert("选项已存在,请重新输入");  
     }  
   }  
   var  the_option=  new  Option(text_value,text_value);  
     
   select_obj.add(the_option);  
 
   select_obj.selectedIndex  =  select_obj.options.length-1  
 }      
   
}  
//-->  
</script>  
<div  class="cls1"  style="clip:  rect(3  280  21  110)">    
   <select  name="myselect"  style="width:127"  onchange="document.getElementById('test').value=this.value">  
<option  value=1>1</option>  
<option  value=2>2</option>  
<option  value=3>3</option>  
   </select>  
</div>  
<div  class="cls2">  
<input  type="text"  name="test"  onkeydown="addOption()"  size="20"  style="width:  127;  height:  23">  
</div>  
 
</body>  
</html>

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
Asp.net core使用IIS在windows上进行托管发布时间:2022-07-10
下一篇:
asp.net错误处理机制(zt)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap