在dropDownList中实现既能输入一个新值又能实现下拉选的代码
更新时间：2013年04月10日 16:58:57 作者：
在dropDownList中实现既能输入一个新值,又能实现下拉选项，想必很多的朋友已经为此功能按耐不住了吧，接下来与大家分享下如何实现，感兴趣的朋友可以参考下哈
aspx:
<div id="selDiv" style=" z-index:100; visibility:visible; clip:rect(0px 110px 80px 92px); position:absolute"><%--left:279px; top:167px"--%>
<asp:DropDownList ID="workerno_list" runat="server" style="z-index:-1" Width="110px" ></asp:DropDownList>
</div>
<asp:TextBox ID="workerno_value" runat="server" style=" z-index:103px; position:absolute" Font-Size="10" Width="93px" MaxLength ="50" Height="22px"></asp:TextBox>
<script>
function addTxtTanto(va)
{
document.getElementById("workerno_value").value=va;
document.getElementById("workerno_value").select();
}
</script>
aspx.cs:
page_load()
{
if (!IsPostBack)
{
workerno_list.Attributes["onchange"] = "addTxtTanto(this.options[selectedIndex].innerText)";
}
}
复制代码 代码如下:
<div id="selDiv" style=" z-index:100; visibility:visible; clip:rect(0px 110px 80px 92px); position:absolute"><%--left:279px; top:167px"--%>
<asp:DropDownList ID="workerno_list" runat="server" style="z-index:-1" Width="110px" ></asp:DropDownList>
</div>
<asp:TextBox ID="workerno_value" runat="server" style=" z-index:103px; position:absolute" Font-Size="10" Width="93px" MaxLength ="50" Height="22px"></asp:TextBox>
<script>
function addTxtTanto(va)
{
document.getElementById("workerno_value").value=va;
document.getElementById("workerno_value").select();
}
</script>
aspx.cs:
复制代码 代码如下:
page_load()
{
if (!IsPostBack)
{
workerno_list.Attributes["onchange"] = "addTxtTanto(this.options[selectedIndex].innerText)";
}
}
您可能感兴趣的文章:
相关文章
asp.net GridView控件中模板列CheckBox全选、反选、取消
GridView控件中模板列CheckBox全选、反选、取消实现代码。2009-12-12
这篇文章主要介绍了Visual Studio 2017使用淘宝镜像的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
本节主要讲解了如何使用ABP进行后台分页，并顺带讲解了ABP后台分页逻辑的实现方式。同时也演示了如何使用X.PagedList进行前端分页2017-03-03
.NET Framework 的项目如何使用 FTP 下载文件
本文专门针对面向 .NET Framework 的项目, 对于面向 .NET 6 及更高版本的项目,不再支持 FTP,此示例演示如何从 FTP 服务器下载文件,感兴趣的朋友跟随小编一起看看吧2024-01-01
这篇文章主要介绍了.NET+PostgreSQL实践与避坑指南,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
Asp.Net Core基于JWT认证的数据接口网关实例代码
这篇文章主要给大家介绍了关于Asp.Net Core基于JWT认证的数据接口网关的相关资料，文中通过示例代码以及图文介绍的非常详细，对大家的学习或者使用Asp.net Core具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
本文主要介绍了如何创建一个.NET Core工程，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
在使用多线程模型进行编程时，经常遇到的问题之一是，当我们关闭前台的UI线程时，后台的辅助线程仍然处于活动状态，从而导致整个应用程序无法正常退出2012-11-11
我又不希望所有的数据都可以修改，只希望修改某些特定的列,用下面的方法即可2008-10-10
Web API框架是一个面向Http协议的通信框架，Web API 框架是一个面向Http协议的通信框架。Web API 框架目前支持两种数据格式的序列化：Json 及 Xml。在不做任何配置的情况下，则 Web API 会自动把数据使用xml进行序列化，否则使用 json 序列化，需要的朋友可以参考下2015-10-10
最新评论