HTML 让select 提交但不显示

最新推荐文章于 2022-09-15 14:53:40 发布
最新推荐文章于 2022-09-15 14:53:40 发布
阅读量715 收藏
点赞数
文章标签： html select 提交 不显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_17172/article/details/82614503
版权
让Select不可见，一般都在用display:none, 但这样也带来一个问题，就是这个select不被提交， 如果既想让select提交，又不可见， 可以用“盖住”select的方法。

很多人说这个需求变态，其实需求原则客户的种种需要，并没有变态一说。

盖住select，让它不显示，但可以提交，方法如下： 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div style="position:relative">
<select  onfocus="this.blur();"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div>
</div>
iteye_17172
关注
layui select 不展示
旺仔milk的博客
05-29 316
注意渲染select标签的时间是否在表单生成之前， 例如添加和修改时， 需要在添加修改的表单渲染完成之后才能渲染select标签， 另外不能忘记要加上 form.render(“select”); 来刷新渲染，否则也可能没有效果 // 显示编辑弹窗 var showEditModel = function (data,status) { layer.open({ type: 1, title: data ? '修改' : '添加',
select下拉不显示 请选择
02-19 1564
请选择 1 2 3 4 请选择用户类型 1 2 3 4 <select > <option disabled style="display: none" selected value>请选择</option> <option value="1">1</option> <option v...
html中select不显示边框,layui的select框不出来问题怎么解决？
weixin_39900830的博客
06-11 1237
layui的select框不出来问题怎么解决？下面本篇文章给大家介绍一下layui下select下拉框不显示或没有效果的解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。今天用layui写前端页面时候用到了通过jqurey中的befor追加select元素一开始写法：执行人员选择部门北京---选择人员张三$(function(){$("#addpeop").click(f...
【html】select标签选择框内显示空白，因为赋值了一个非选项内的值
weixin_44589672的博客
09-15 2334
【html】select标签选择框内显示空白的问题，因为重新赋值了一个非选项内的值。
html表单数据提交后还显示,为什么django表单数据提交后不能显示
weixin_35878962的博客
06-07 744
在提交表单(输入)之后，它将重定向到另一个页面(结果)，并在此结果页面中显示表单信息。在现在的问题是提交的信息没有显示在结果页面中。在我怀疑原因是因为视图.py，我想从输入中显示提交的表单，但是表单的数据没有保存或者我不应该从模型中获取数据，我应该从视图中获取数据，因此它无法显示表：上下文['input']=输入.objects.all()请纠正我的猜测是否正确。提前谢谢你的建议。在输入-模型.p...
html下拉菜单提交后保留选中值而不返回默认值
12-13
复制代码代码如下:<html> <body> <?php // 获取select值 $select_...php // 如果在上面获取的值和这个option里的值一样， // 就打印selected，让这个option默认被选中 echo $select_value == ‘option1
html中表单提交的实现
09-22
而POST方法则不会在URL中显示数据，理论上可以提交大量数据，但实际也会受到服务器配置的限制。POST方法通常用于提交敏感信息，因为数据不会在浏览器历史记录中留下痕迹。 在实际开发过程中，需要注意表单数据提交...
设置disabled属性后台读不到数据如何让select支持readonly
09-28
当你希望保持`<select>`元素不可更改但仍然需要其值在表单提交时被传递，可以创建一个隐藏的`<input type="hidden">`字段，将选定的`<select>`选项值存储在这个隐藏字段中。这样，即使`<select>`被禁用，服务器也能...
解决layui的使用以及针对select、radio等表单组件不显示的问题
01-19
layui是国内一款界面...3、在html页面引入相关的css和js: <link rel=stylesheet type=text/css href=/layui/css/layui.css rel=external nofollow media=all> //路径仅供参考 <script type=text/javascrip
HTML中select标签单选多选用法详解
12-02
当用户提交包含`<select>`的表单时，所有选定的`<option>`的`value`会被作为一个列表（对于多选）或单一值（对于单选）一起发送到服务器。在服务器端，这些数据可以通过表单的`name`属性来访问。 总结来说，`...
Layui使用select标签不显示的问题
iCce_Fox的博客
08-21 4934
这里写自定义目录标题Layui使用select标签不显示, Layui使用select标签不显示, layui内部其实使用了jQuery,当你的select标签的name属性为 nodeType或者nodeName时会导致标签 <div class="layui-input-inline"> <select name="nodeType" lay-filter="code"> <option value="1" >1</option> <opt
html select 显示不全,JavaScript解决select下拉框中的内容太长显示不全的问题
weixin_39833454的博客
06-18 2675
JavaScript解决select下拉框中的内容太长显示不全的问题1、说明有些情况下，select下拉框的内容过长，导致部分看不见；现在通过鼠标事件，让下拉框中的内容显示完全2、实现源码JavaScript解决select下拉框中的内容太长显示不全的问题/*** 自动设置select下拉框的宽度*/function autoWidth(){//获取select中的IDvar selectId =...
html5表格中select不显示,解决layui的使用以及针对select、radio等表单组件不显示的问题...
weixin_34175978的博客
06-17 1281
layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：2、将layui文件夹复制到自己的项目里：3、在html页面引入相关的css和js: //路径仅供参考 //路径仅供参考4、我们除了直接复制组件代码过来使用外，也可以参考他们的开发文档，了解更多更详细的使用方法：form表单select、rad...
HTML中的select下拉框内容显示不全的解决办法
jrrfgj的博客
02-19 1516
HTML中的select下拉框内容显示不全的解决办法
Jquery让按钮（控件）不可见或者不可用
热门推荐
LoveSummer
05-27 1万+
    老是将这两个搞混所以来总结下：   $('.selector').attr("disabled", false);// 让控件不可用 属性   $('.selector').attr("disabled", true);// 让控件可用 属性   $('.selector').css({ "display": "none" });// 让控件不可见 css   $...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值