在dropDownList中實現(xiàn)既能輸入一個新值又能實現(xiàn)下拉選的代碼
更新時間：2013年04月10日 16:58:57 作者：
在dropDownList中實現(xiàn)既能輸入一個新值,又能實現(xiàn)下拉選項，想必很多的朋友已經(jīng)為此功能按耐不住了吧，接下來與大家分享下如何實現(xiàn)，感興趣的朋友可以參考下哈
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)";
}
}
復(fù)制代碼 代碼如下:
<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:
復(fù)制代碼 代碼如下:
page_load()
{
if (!IsPostBack)
{
workerno_list.Attributes["onchange"] = "addTxtTanto(this.options[selectedIndex].innerText)";
}
}
您可能感興趣的文章:
- DropDownList 下拉框選擇改變促發(fā)事件和防全局刷新(推薦)
- DropDownList綁定選擇數(shù)據(jù)報錯提示異常解決方案
- 用javascript為DropDownList控件下拉式選擇添加一個Item至定義索引位置
- asp.net中不能在DropDownList中選擇多個項 原因分析及解決方法
- ASP.NET中DropDownList下拉框列表控件綁定數(shù)據(jù)的4種方法
- C#使用DropDownList綁定添加新數(shù)據(jù)的方法匯總
- asp.net DropDownList實現(xiàn)二級聯(lián)動效果
- DropDownList添加客戶端下拉事件操作
- DropDownList實現(xiàn)可輸入可選擇（兩種版本可選）
相關(guān)文章
asp.net GridView控件中模板列CheckBox全選、反選、取消
GridView控件中模板列CheckBox全選、反選、取消實現(xiàn)代碼。2009-12-12
這篇文章主要介紹了Visual Studio 2017使用淘寶鏡像的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
本節(jié)主要講解了如何使用ABP進行后臺分頁，并順帶講解了ABP后臺分頁邏輯的實現(xiàn)方式。同時也演示了如何使用X.PagedList進行前端分頁2017-03-03
.NET?Framework?的項目如何使用?FTP?下載文件
本文專門針對面向?.NET?Framework?的項目,?對于面向?.NET?6?及更高版本的項目,不再支持?FTP,此示例演示如何從?FTP?服務(wù)器下載文件,感興趣的朋友跟隨小編一起看看吧2024-01-01
這篇文章主要介紹了.NET+PostgreSQL實踐與避坑指南,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
Asp.Net Core基于JWT認證的數(shù)據(jù)接口網(wǎng)關(guān)實例代碼
這篇文章主要給大家介紹了關(guān)于Asp.Net Core基于JWT認證的數(shù)據(jù)接口網(wǎng)關(guān)的相關(guān)資料，文中通過示例代碼以及圖文介紹的非常詳細，對大家的學(xué)習(xí)或者使用Asp.net Core具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
本文主要介紹了如何創(chuàng)建一個.NET Core工程，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
在使用多線程模型進行編程時，經(jīng)常遇到的問題之一是，當(dāng)我們關(guān)閉前臺的UI線程時，后臺的輔助線程仍然處于活動狀態(tài)，從而導(dǎo)致整個應(yīng)用程序無法正常退出2012-11-11
讓GridView只更新某些特定的數(shù)據(jù)的方法
我又不希望所有的數(shù)據(jù)都可以修改，只希望修改某些特定的列,用下面的方法即可2008-10-10
Web API框架是一個面向Http協(xié)議的通信框架，Web API 框架是一個面向Http協(xié)議的通信框架。Web API 框架目前支持兩種數(shù)據(jù)格式的序列化：Json 及 Xml。在不做任何配置的情況下，則 Web API 會自動把數(shù)據(jù)使用xml進行序列化，否則使用 json 序列化，需要的朋友可以參考下2015-10-10