asp.net 可选可输入的dropdownlist

全栈程序员-站长 • 2022年4月24日下午11:00 • 未分类 • 阅读 42

asp.net 可选可输入的dropdownlistasp.net 可选可输入的dropdownlist

大家好，又见面了，我是你们的朋友全栈君。

我们都知道，dropdownlist控件是无法直接输入文本的，只能选择下拉菜单中的选项。为了方便使用，我们可以用多种方法来实现既可选择又可输入的dropdownlist的效果。主要思路有.通过js代码来实现，或是在后台代码中实现。但是今天主要介绍通过html中的select和input控件相结合的的来实现。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>可输入的dropdownlist</title>
</head>
<body>
<table>
    <tr>
        <td  style="font-size: 12px;">  
            既可以输入新的信息，又可以从下拉框中选择：
        </td>
        <td>
            <select name="myselect"  id="myselect" runat="server" style=" width:200px; position:absolute; clip:rect(auto auto auto 181px); " οnchange="document.getElementById('txtPlace').value=this.value" >
                <option value="">请选择</option>
                <option value="大一"> 大一 </option>
                <option value="大二"> 大二 </option>    
                <option value="大三"> 大三 </option>
                <option value="大四"> 大四 </option>
            </select>
            <input name="txtPlace" id="txtPlace" style=" width:200px;"  type="text"  />   
        </td>
    </tr>
</table>
</body>
</html>

我们还可以在css文件中设置他们的显示效果，比如：

input, select {
    font-size:16px;                 //设置字体大小
    border:1px solid #CFCFCE;       //设置边框效果
}

如果下拉框里的内容需要从数据库里获取的话，可以为select设置数据源并绑定：

List<suppliesinfo> unitlist = new CommonFunction().BCheckSupplies();
myselect.DataSource = unitlist;
myselect.DataTextField = "unit";
myselect.DataBind();

下面就是最终的实现效果：

asp.net 可选可输入的dropdownlist

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/105742.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

css漂浮广告代码_html浮动窗口怎么做

css漂浮广告代码_html浮动窗口怎么做1.html部分复制代码代码如下:blog_floatdiv.html我是浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div浮动的div…

全栈程序员-站长
2022年9月16日
java 毕设成品_校园物品交换平台 – java|jsp类成品展示 – 计算机专业毕业设计论文成品网…

java 毕设成品_校园物品交换平台 – java|jsp类成品展示 – 计算机专业毕业设计论文成品网…与传统的交换方式相比，物品交换网站是另一种形态的宣传和交换通道，是传统交换方式的延伸。它除了一般的电子商务功能外，还包括产品展示，商品检索，在线交友等服务；在迎合了电子商务这个社会大前提下，每个人都可以在网上购买或者交换自己喜欢的商品，从而可以大大地节约资金、时间和资源，并起到促进整个社会和谐的作用。校园物品交换平台使用JSP，Hibernate，Structs，Spring，Html，CSS。后…

全栈程序员-站长
2022年7月7日
tcpdf_teambition搭建

tcpdf_teambition搭建tcpdf开发文档（中文翻译版）2017年5月3日15:06:15这个是英文翻译版，我看过作者的文档其实不太友善或者不方便阅读，不如wiki方便后面补充一些，结构性文档翻译这是一部官方网站文档，剩余大部分都是开发的时候和网络总结来的项目官网：https://tcpdf.org/github:https://github.com/tecnickcom/TCPDF都没比较完整的api文档…

全栈程序员-站长
2022年9月8日
docker

写一个 docker 打击一系列手册

写一个 docker 打击一系列手册

全栈程序员-站长
2022年1月2日
Python多线程学习

Python多线程学习一、Python中的线程使用：Python中使用线程有两种方式：函数或者用类来包装线程对象。1、函数式：调用thread模块中的start_new_thread()函数来产生新线程。如下例：view

全栈程序员-站长
2022年7月5日
Android开发project师，前行路上的14项技能

Android开发project师，前行路上的14项技能

全栈程序员-站长
2021年8月30日

发表回复

关注全栈程序员社区公众号