如何实现下拉框可以编辑

最新推荐文章于 2024-04-29 16:54:47 发布
最新推荐文章于 2024-04-29 16:54:47 发布
阅读量6.6k 收藏 4
点赞数
分类专栏： JavaEE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhao13083837081/article/details/52095866
版权

     该组件很智能，这个其实就是文本框和下拉框的组合，当你点击最右边的下拉按钮会实现下拉框的功能，当你选中文本框是文本框的功能，将文本框和下拉框设置name属性一样他自动会把对应下拉框的值传入后台，而文本框的值不传，当你做文本框使用它会吧文本框的值传入后台而下拉框的值不传。

效果图

做是文本框


做下拉框



1.引进js

<link href="<%=basePath%>/system/js/magic-suggest/magicsuggest-1.3.1-min.css" rel="stylesheet" />
    <script src="<%=basePath%>/system/js/magic-suggest/m

最低0.47元/天 解锁文章
Ashan-Da宝旗
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
可编辑下拉框
panqingbiao的专栏
08-17 616
                       A类        B类        C类        D类                  　其它类别请在框内自行输入    leibie=trim(request("leibie"))（接收leibie的值就可以了）
实现下拉框可编辑
liuzhen917的专栏
11-07 356
New Document <select name="r00" style="margin-left:-100px;width:118px; background-color:#FFEEEE;" onChange="re_name.value=this.value;" onclick="re_name.value=this.value;">111222333
el-select既能选择又能输入，并且再次点击时能接着编辑
最新发布
weixin_43979556的博客
04-29 1436
1）el-select添加filterable和之后可以输入内容；2）再次输入时会将原来的内容变成提示，用户体验不好，因此需要找到办法将值重新赋给内部的input输入框，此处采用的方式将值重新赋给input输入框。3）使用之后可以确保按Enter键时能将内容输入，但是用户体验不好，因此使用方式将input输入框中的值实时赋值给绑定值select，用完记得在beforeDestroy()中移除监听。
可编辑的下拉框 既可以编辑，又可以下拉选择
11-30
可编辑的下拉框 既可以编辑，又可以下拉选择 很不错的
基于jquery实现的可以编辑选择的下拉框的代码
10-28
主要是通过CSS样式表中clip来实现的。兼容IE6-8,谷歌，火狐等。
可编辑下拉框的2种实现方式
09-04
总结来说，这两种实现方式都能达到创建可编辑下拉框的效果，但第二种方法更灵活，可以实现更复杂的交互逻辑，如自动过滤、搜索匹配等。不过，对于简单的场景，第一种方法则更为简洁和易于实现。在实际应用中，开发者...
django表单实现下拉框的示例讲解
09-20
今天小编就为大家分享一篇django表单实现下拉框的示例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue+Element中table表格实现可编辑（select下拉框）
11-20
最近在工作中遇到一个问题，需要在表格中实现数据可编辑状态，具体情况是需要在单元格里加入下拉框；并且每个下拉框的数组数据是不一样的，具体是根据当前行前面数据的id查询而来，前面的是数据是动态生成的，后面的...
可进行编辑的下拉选择框
weixin_30340353的博客
08-22 432
自己实现了一个可以进行编辑的下拉选择框，主要功能点 可以进行输入的下拉选择框 根据输入内容筛选值 支持上下键进行下拉内容的选择 支持使用Enter键确认上下键选择的内容 支持ESC键退出选择 下面才是重点 演示图（演示时颜色选择了经典的红绿配 -_-||| ） 实现代码如下 1.测试使用页面 <!DOCTYPE html> <htm...
文本框加下拉可实现combox样式，可自已编辑，一个文本框加下拉
10-08
可实现combox样式，可自已编辑，一个文本框加下拉
关于下拉框编辑显示当前数据
alex_mmg的博客
07-29 1322
在做修改功能的时候难免会用到下拉列表框,就以下面这个为例 div class="form-group">label class="col-sm-2 control-label">单位名称:label> div class="col-sm-10"> form:select id="officeid" path="office.id" class="form-control" on
easyui datagrid 可编辑 行 下拉框 formatter写行内 行外无效
laokaizzz的专栏
05-14 5124
 data-options="field:'productid',width:100,formatter:function(value,row){return row.productname;},editor:{type:'combobox',options:{valueField:'productid',textField:'productname',method:'get',url
下拉列表增加可编辑框
tan_xiao_tan的博客
05-24 165
<div class="select-editable"> <select @change="changeOption($event)" class="select"> <option value="3个月">3个月</option> <option value="6个月">6个月</option> <option value="9个月">9个月</opti.
前端：下拉选项框及文本框的实现
fuyuo的博客
06-17 8110
下拉选项框的实现以及文本框的实现，以及要实现这2个功能的所需标签的介绍
select下拉框多选可编辑
哂笑年少°
06-17 689
需要引入magicsuggest插件 magicSuggest直通车 <link rel="stylesheet" href="/lib/magicsuggest/magicsuggest.css"> <script src="/lib/magicsuggest/magicsuggest.js"></script> /*创建一个magicSuggest 下拉框*/ <div class="form-group"> <label class
js可以编辑的下拉框代码
08-04
### 回答1： ...<!... <option value="Volvo">Volvo <option value="Saab">Saab <option value="Mercedes">Mercedes <option value="Audi">Audi ...这个示例代码展示了如何使用JavaScript来实现一个可编辑的下拉框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值