`

Editable Select 可编辑select

阅读更多
极棒的一段Editale Select代码:
http://www.webmasterworld.com/forum21/7166.htm
<form name="form"> 
<select name="select" onChange="document.form.text.value=document.form.select.options[document.form.select.selectedIndex].value" style="position:absolute;width:118px;clip:rect(0 120 22 100)"> 
<option value="Waxbird">Waxbird</option> 
<option value="DrDoc">DrDOC</option> 
</select> 
<input type="text" name="text" onChange="document.form.select.selectedIndex=-1" style="position:absolute;width:100px;border-right:0"> 
</form> 

附件为照搬的一个例子。




jquery editable select:
http://coffeescripter.com/code/editable-select/


分享到:
评论
3 楼 cylove007 2012-12-10  
找了好久,顶你
2 楼 baolong101010 2012-05-04  
不错,顶!
1 楼 carl.li 2011-11-30  
good thanks

相关推荐

    editableSelect可编辑搜索的下拉框插件

    【editableSelect可编辑搜索的下拉框插件】 在网页设计和开发中,用户界面的交互性和用户体验至关重要。为了提供更高效、更便捷的输入方式,`editableSelect`插件应运而生。这款插件是一款针对下拉选择框进行增强的...

    实现可编辑的select

    为了提供这种功能,开发者通常会利用JavaScript库来实现可编辑的下拉列表。"实现可编辑的select" 就是这样一种解决方案,它允许用户不仅可以选择已有选项,还能直接输入新的选项并保存。 在提供的压缩包文件中,...

    可编辑的select下拉框

    $('#mySelect').editableSelect(); }); ``` 此外,`jQuery Editable Select`还提供了一些可配置的选项,如动画效果、输入框的样式、过滤模式等,你可以根据项目需求进行定制。例如,你可以设置`filter`选项来改变...

    select选择框控件jquery-editable-select支持编辑输入

    $('select').editableSelect(); }); ``` 这将使所有的`&lt;select&gt;`元素变得可编辑。若想针对特定的`&lt;select&gt;`应用插件,只需更改选择器即可。 `新建文本文档.txt`可能是插件的使用说明或示例代码,但因格式限制,...

    jquery.editable-select

    `jquery.editable-select` 提供了一个可编辑的文本输入框,与下拉选项列表相结合,使得用户可以即时搜索匹配项,无需滚动长长的列表。 3. **自定义输入**:用户在输入框中输入字符时,插件会实时过滤下拉列表,显示...

    editable select

    在实际应用中,要使用这个插件,你需要将`jquery.js`和`jquery.editable-select.js`(以及可能的CSS文件)引入到HTML页面中,然后通过jQuery选择器选取需要变为可编辑的下拉列表,并调用`.editableSelect()`方法。...

    bootstrap可编辑下拉框jquery.editable-select

    接着,使用`.editableSelect()`方法初始化可编辑下拉框,设置其效果为`slide`。最后,设定默认选中的值。 jQuery.editable-select提供了一些可配置的选项: - `filter`:当用户输入内容时,下拉选项会匹配输入的...

    html select 可输入 可编辑

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

    select下拉框可编辑输入框

    在网页设计中,"select下拉框可编辑输入框"是一种常见的交互元素,它结合了传统的HTML `&lt;select&gt;` 元素和输入框的功能,让用户在下拉选项中选择的同时,也能自由输入其他值。这样的设计增加了用户体验的灵活性,特别...

    下拉菜单jquery.editable-select-master

    jQuery.editable-select-master是一款基于jQuery的可编辑下拉菜单插件,它为用户提供了一种灵活、可定制的方式来创建和管理下拉选项,同时提供了丰富的功能和良好的用户体验。 jQuery.editable-select-master的核心...

    jquery-editable-select:一个简单的jQuery插件,可将选择转换为带有建议的文本字段

    jQuery可编辑选择 jQuery Editable Select是一个jQuery插件,可将选择转换为输入字段,根据输入的字符实时显示单个元素。 当javascript不可用时,它会按比例缩小到实际的选择列表。演示版在此处查看演示: : 安装从 ...

    可编辑的select

    通过以上步骤,你就实现了一个基本的可编辑select。但是,为了提高用户体验,你可能还需要考虑其他因素,例如错误处理、输入验证、自动补全等功能。同时,如果你需要与服务器进行交互,例如根据用户输入动态加载选项...

    jquery-editable-select插件

    $('#yourSelectElement').editableSelect(options); ``` 这里的`#yourSelectElement`是你要应用插件的select元素的选择器,`options`是可选的配置对象,用于设置插件的行为。 **三、配置选项** `jQuery ...

    bootstrap-table可编辑下拉框editable js及css及bootstrap-table-editable.js以及使用实例

    在本话题中,我们聚焦于Bootstrap Table的一个扩展功能——可编辑下拉框,这得益于`bootstrap-table-editable`插件的使用。这个插件允许用户在表格的单元格内直接进行编辑,包括选择下拉框中的值。 `bootstrap-...

    combox实现的可编辑下拉框

    本文将深入探讨如何使用JavaScript实现一个可编辑的下拉框,并阐述其核心知识点。 ### 1. 可编辑下拉框的概念 传统的下拉框允许用户从预定义的选项中进行选择,但不支持用户直接在框内输入自定义值。而可编辑...

    select下拉框添加搜索功能

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

    bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题

    可以使用X-Editable提供的多种编辑方式,例如文本(text)方式、下拉选择(select)方式、日期(date)格式修改等。 四、结论 本文介绍了如何使用Bootstrap Table实现X-Editable的行单元格编辑,并解决数据Empty的问题。...

    jquery.editable

    《jQuery.editable:可编辑的Select框》 在Web开发中,我们经常遇到需要用户能够直接在页面上编辑数据的情况,比如下拉选择框(Select)中的选项。jQuery.editable库正是为此目的而设计的,它允许用户直接在Select...

Global site tag (gtag.js) - Google Analytics