asp.net 可选可输入的dropdownlist

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)
上一篇 2022年4月24日 下午11:00
下一篇 2022年4月24日 下午11:00


相关推荐

  • android倒计时功能的实现(CountDownTimer)[通俗易懂]

    android倒计时功能的实现(CountDownTimer)[通俗易懂]在逛论坛的时候,看到一个网友提问,说到了CountDownTimer这个类,从名字上面大家就可以看出来,记录下载时间。将后台线程的创建和Handler队列封装成一个方便的类调用。    查看了一下官方文档,这个类及其简单,只有四个方法,上面都涉及到了onTick,onFinsh、cancel和start。其中前面两个是抽象方法,所以要重写一下。         下面是官方给的一个小例子:ne

    2026年1月16日
    4
  • latin1 java_使用Java读写存储在latin1编码的MySQL中的UTF-8编码的中文

    latin1 java_使用Java读写存储在latin1编码的MySQL中的UTF-8编码的中文绝大多数情况下 一个项目中 都是使用同一套编码 如 全部使用 UTF 8 或者 GBK 但是当涉及到多个项目合并 新手加入等情况时 不可避免出现使用多套编码的情况 所有字符串都是英文的情况还好 若是出现了中文 就导致了乱码的出现 下面以我碰到的问题的解决方案说明 前置说明 JavaMySQLUTF 8utf8ISO 8859 1l

    2026年3月17日
    2
  • 裴蜀定理详解

    裴蜀定理详解在数论中 裴蜀定理是一个关于最大公约数或者最大公约式的定理 简介裴蜀定理 或贝祖定理 B zout sidentity 得名于法国数学家艾蒂安 裴蜀 说明了对任何整数 a b 和它们的最大公约数 d 关于未知数 x 和 y 的线性不定方程 称为裴蜀等式 若 a b 是整数 且 a b d 那么对于任意的整数 x y ax by 都一定是 d 的倍数 特别地 一定存在整数 x y 使 a

    2026年3月19日
    1
  • 实战SpringBoot Admin

    实战SpringBoot Admin这里写目录标题声明动机前提声明 nbsp nbsp nbsp nbsp 该文章是针对于开发人员来讲 适用于实战 话不多说 直接上步骤 动机 nbsp nbsp nbsp nbsp 我已经发布一篇关于 Windos 上使用 Nacos 的文章了 Nacos 入驻与配置服务 然后私下想了想 干脆把 CentOs 上如何使用 Nacos 的文章也写一篇吧 然后这不 此文章就诞生了 前提

    2026年3月26日
    2
  • 设置div半透明

    设置div半透明DIV 半透明实现 使用 CSS 实现 DIV 成半透明效果 CSS 实现层与背景半透明效果 一 DIVCSS 半透明基础介绍 nbsp nbsp nbsp TOP 设置 DIV 半透明 CSS 代码 div filter alpha Opacity 80 moz opacity 0 5 opacity nbsp 0 5 nbsp 说明 1 filter 对 winIE 设置半透明滤镜效果 filter alpha

    2026年3月18日
    2
  • 高可用高性能分布式文件系统FastDFS实践Java程序

    高可用高性能分布式文件系统FastDFS实践Java程序

    2022年3月13日
    58

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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