`

可输入的select

阅读更多
<script language="javascript"> 
    function changeF()  
    {  
       document.getElementById('makeupCo').value=  
       document.getElementById('makeupCoSe').options[document.getElementById('makeupCoSe').selectedIndex].value;  
    }  
</script> 
 
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;  
    height:19px;clip:rect(-1px 190px 190px 170px);"> 
<select name="makeupCoSe" id="makeupCoSe" style="width:190px;height:20px;margin:-2px;" onChange="changeF();"> 
    <option id='1' value='java'>java</option> 
    <option id='2' value='c++'>c++</option> 
    <option id='3' value='python'>python</option> 
    <OPTION id="99999" VALUE="" SELECTED> 
</select> 
</span> 
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt   
    solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;"> 
    <input type="text" name="makeupCo" id="makeupCo" value="请选择或输入" style="width:170px;height:15px;border:0pt;"> 
</span>
分享到:
评论

相关推荐

    antd form 封装可搜索可输入select

    antd form 封装可搜索可输入select

    可手动输入的select

    4. 现代前端框架实现:如果是React、Vue等框架,会涉及组件化编程思想,以及如何创建一个自定义的可输入select组件。 5. 数据处理:如何存储和管理用户输入的数据,以及如何根据用户输入实时过滤和显示选项。 6. ...

    js 可输入select.zip

    可输入的select,可输入的下拉框

    可输入可选择的SELECT控件

    实现"可输入可选择的SELECT控件"有多种方法,其中一种是利用JavaScript库,如jQuery UI的Autocomplete插件,或者更现代的前端框架如React的Select组件(如react-select)、Vue的v-select等。这些库提供了丰富的...

    html select 可输入 可编辑

    为了实现一个既可输入又可编辑的下拉框效果,开发者通常会采用一些技巧来模拟这种行为。这里,我们将深入探讨如何通过HTML、CSS和JavaScript技术来实现这样一个功能。 首先,我们创建一个基础的HTML结构,包括一个`...

    可选择可输入的select

    "可选择可输入的select"就是一种改进的下拉菜单实现,它允许用户在下拉选项中选择,同时也能自由输入新的值。这种功能在许多场合非常实用,例如当用户可能需要输入未在预定义选项中的数据时。 这个博客文章...

    使select可以输入

    自制的jquery插件,只需要一行代码,即可将select控件变成一个即可以输入也可以选择的元素,输入时也会有智能提示。对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有...

    js实现可下拉可输入input select框

    js实现的可下拉可输入input框 会自动检测输入的值在select中寻找对应选项

    可输入的select.HTML

    可输入的select,顾名思义,保证了select既可以选择已有的options选项,又可以自己输入自己想要展示的内容。

    可文本输入的下拉框select

    在网页开发中,"可文本输入的下拉框select"是一种常见的交互元素,它结合了传统的HTML `&lt;select&gt;` 下拉菜单和自由文本输入的功能。这种设计可以为用户提供更灵活的选择方式,既可以快速从预设选项中选取,也可以手动...

    可进行输入编辑的select下拉框

    下拉框选择已有固定value,也可以选择后进行编辑,也可以直接输入数值。

    selectbox 插件,即可选择又可输入

    "selectbox 插件,即可选择又可输入"是一个专为提升用户体验设计的JavaScript插件,它结合了传统的下拉选择框(select box)功能和自由输入文本框(input field)的特性,使得用户既可以方便地从预设选项中选择,也...

    可选择又可输入控件

    根据提供的文件信息,本文将围绕“可选择又可输入select控件”这一主题展开,深入探讨该控件的功能、应用场景及实现方式。 ### 可选择又可输入select控件概述 在网页开发过程中,`select` 控件是前端表单中不可或...

    可输入下拉框(select)源代码

    传统的HTML `&lt;select&gt;` 标签仅允许用户从预定义的选项中选择,但可输入下拉框允许用户在输入时获取匹配建议,从而提供更灵活、高效的搜索体验。下面我们将深入探讨这种技术的工作原理、实现方式以及其相关的源代码。...

    实现可编辑的select

    "实现可编辑的select" 就是这样一种解决方案,它允许用户不仅可以选择已有选项,还能直接输入新的选项并保存。 在提供的压缩包文件中,包含了两个JavaScript文件:`jquery.editable-select.min.js` 和 `jquery....

    JS中Select下拉列表类(支持输入模糊查询)功能

    JS中Select下拉列表类支持输入模糊查询功能的知识点主要包括以下几个方面: 1. HTML结构设计:实现输入模糊查询功能的下拉列表通常包含一个输入框和一个下拉框。输入框用于用户输入查询字符,下拉框则是提供选项供...

    Editable Select 可编辑select

    可编辑的Select(Editable Select)是一种用户界面组件,它扩展了传统的HTML `&lt;select&gt;`元素的功能,允许用户在下拉选项中直接输入文本,提供更灵活的交互体验。在Web开发中,这种组件常用于需要用户从预设选项中...

    支持选择和输入的select下拉列表

    然而,传统的`&lt;select&gt;`下拉列表并不支持文本输入,这意味着用户只能从提供的选项中选择,无法自由输入新的值。在某些场景下,这种限制可能不符合用户体验的需求。为了解决这个问题,开发者通常会采用自定义的解决...

    layui 可输入,可搜索,可选择

    最后,对于提供的压缩包子文件 "layui_select配合input可输入-可选择-可搜索",可能包含了实现这一功能的示例代码和资源。解压后,你可以参考其中的代码结构和实现方式,以便更好地理解和应用在自己的项目中。记得...

    select下拉框添加搜索功能

    `jquery.editable-select`是一个jQuery插件,它提供了可编辑的下拉选择框,自带搜索功能。使用这个库可以大大简化开发过程。首先,你需要在页面中引入jQuery和`jquery.editable-select`的JS和CSS文件。然后,通过...

Global site tag (gtag.js) - Google Analytics