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

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/105742.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(1)
blank

相关推荐

  • 设置pip源

    设置pip源我使用pip镜像源有两种方式:一、下载最后加上-ihttp://pypi.doubanio.com/simple–trusted-hostpypi.doubanio.com缺点是每次下载都要粘贴一次,略为麻烦。二、直接更改pip的默认下载源打开这条路径(一般没有pip文件夹,需要自己创建)C:\Users\gaz\pip新建一个txt文件内容为:[global]index-url=https://pypi.douban.com/simple/…

  • kali 换源教程

    一·寻找终端kali的终端类似于windows的dos,可以在此界面中,对kali系统进行操纵。其位于界面左侧,第三个图标便是终端。二·打开“sources.list“打开kali的终端输入命令“leafpad/etc/apt/sources.list“三·更改“sources.list“界面里所有内容全部删除,添加中科大的源。下面的就是中科大源的地址。debhttps:…

  • 音乐播放器app android,mp3音乐播放器[通俗易懂]

    音乐播放器app android,mp3音乐播放器[通俗易懂]mp3音乐播放器是一款可以播放各种格式音乐的音乐播放器,mp3播放器将轻松引导您在手机上查找所有音乐。软件介绍mp3音乐播放器以优雅,简单的用户界面欣赏您的音乐-mp3播放器是一个完美的选择。您还可以在此MP3播放器中选择所需的颜色主题或播放器主题。软件特色MP3播放器!收听MP3OGG,WAV,MO3,MP4,M4A音乐…均衡器具有出色的声音其漂亮的用户界面与材料设计指南的所有细节相匹配。…

  • visdom总结[通俗易懂]

    visdom总结[通俗易懂]1叫做env=environment2叫做win=window

  • 接口400错误解析

    接口400错误解析   今天我遇上一个让我很痛心的错误400。对程序员来说,这可能是一个最简单的错误码。因为这个相应并没有进拦截器,更没有进到Controller层。可我在解决这个问题时,质询了很多朋友不解,百度各种方案无效。苦苦耗费我大半天时间。        首先,遇到400问题,最大几率是出现了数据类型不一致的问题,简单来说是Controller层不用正确读取你发送请求附带的参数。该例是我前端传送JSON格…

  • STM32驱动OV7725摄像头颜色识别「建议收藏」

    STM32驱动OV7725摄像头颜色识别「建议收藏」实验目的:使用stm32驱动OV7725摄像头进行图像实时采集,在tft屏幕上实时显示并识别图像中的特定颜色,在颜色的周围画上框。实验现象:我的工程代码链接:http://download.csdn.net/my程序移植自阿莫论坛某位大神的程序。链接:http://www.amobbs.com/thread-5499408-1-1.html?_dsign=85056954实现原理:

发表回复

您的电子邮箱地址不会被公开。

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