1、js版本

<div style="z-index: 0; visibility: visible; clip: rect(0px 105px 80px 85px); position: absolute"><asp:DropDownList ID="ddlModel" runat="server" Style="z-index: -1" Width="105px"οnchange="getModelTo(this)"><asp:ListItem Value="1">SSM-001</asp:ListItem><asp:ListItem Value="2">DDW-523</asp:ListItem><asp:ListItem Value="3">QSD-009</asp:ListItem></asp:DropDownList>
</div>
<asp:TextBox ID="txtModel" runat="server" Style="z-index: 1px; position: absolute"Font-Size="9pt" Width="95px" Height="16px" MaxLength="50"></asp:TextBox>
<script type="text/javascript">function getModelTo(e) {document.getElementById("txtModel").value = e.options[e.selectedIndex].innerText;document.getElementById("txtModel").select();}
</script>

2、jquery版本

<div style="z-index: 0; visibility: visible; clip: rect(0px 105px 80px 85px); position: absolute"><asp:DropDownList ID="ddlModel" runat="server" Style="z-index: -1" Width="105px"οnchange="getModelTo(this)"><asp:ListItem Value="1">SSM-001</asp:ListItem><asp:ListItem Value="2">DDW-523</asp:ListItem><asp:ListItem Value="3">QSD-009</asp:ListItem></asp:DropDownList>
</div>
<asp:TextBox ID="txtModel" runat="server" Style="z-index: 1px; position: absolute"Font-Size="9pt" Width="95px" Height="16px" MaxLength="50"></asp:TextBox>
<script type="text/javascript">function getModelTo(e) {$("#txtModel").val($("#ddlModel").find("option:selected").text());$("#txtModel").select();}
</script>

获取select的value、text值

作者：小路 QQ：2490024434
出处：http://www.cnblogs.com/lengzhan/
本文版权归【冷战】和博客园所有，欢迎转载收藏，未经作者同意须保留此段声明，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/lengzhan/p/6097593.html

DropDownList实现可输入可选择相关推荐

php layui实现添加input,Layui实现input输入和选择的方法
Layui实现input输入和选择的方法: HTML代码: 移交单位* 111 222 333 444 555 其中input的几个style样式简单说一下.position:absolute 在这里 ...
可输入可选择的input
因项目需要要实现一个可选择可输入的下拉框,故写了一个 html代码 1 <div class="col-sm-10"> 2 <input type=" ...
Python input输入超时选择默认值自动跳过
Python input输入超时选择默认值自动跳过 Python input 等待键盘输入,超时选择默认值,释放input,之后重新进入等待键盘输入状态,直到用户输入可用数据. 一.调用 func_t ...
候选人选票程序：设计一个候选人选票程序。假设有3个候选人，在屏幕上输入要选择的候选人姓名，有10个人进行投票，最后输出每个人的得票结果。
候选人选票程序:设计一个候选人选票程序.假设有3个候选人,在屏幕上输入要选择的候选人姓名,有10个人进行投票,最后输出每个人的得票结果. 声明结构体类型并定义结构体变量.代码如下: struct ca ...
html中input后的报错信息,js 监测from表单中的input和select，时时监测，没有输入或选择信息报错，不允许提交数据...
// 正则表达式 var reg1 = /^.{1,}$/; //名称满足条件 // alert(window.innerWidth+'ssssssssss'+window.innerHeight); ...
html.dropdownlist 样式,使用@ Html.DropDownList（）添加要选择的css类
10 个答案: 答案 0 :(得分:96) 看着控制器,并且更多地了解MVC实际上是如何工作的,我能够理解这一点. 我的观点是自动生成的观点之一,并包含以下代码行: @Html.DropDownLis ...
PolyWorks2020：输入对象选择单元剪除单元
输入对象 1.输入三角化模型可以输入的文件类型有多种:ply,stl,stla,stlb,obj,wrl,nas等等选择输入文件的单位 2.输入点云可以输入的文件类型如下:asc,xyz,t ...
多选月份的日期选择器_GitHub - ylmyg/SelectionTime: Android下日期选择器，支持范围选择、多选、单选、根据输入天数选择日期...
SelectionTime(1.0.1) SelectionTime是用于Android设备上选择日期开源库,高度订制,打造适合自己的日期控件效果图(多选.范围选.单选) 安装说明 Gradle: ...
DropDownList设置选定项,设置选择项,最安全的方法
DropDownList设置选定项 DropDownList1.SelectedIndex = DropDownList1.Items.IndexOf(DropDownList1.Items.Find ...

DropDownList实现可输入可选择

获取select的value、text值

DropDownList实现可输入可选择相关推荐

最新文章

热门文章