`

HTML 让select 提交但不显示

阅读更多
让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>
分享到:
评论

相关推荐

    jsp中htmlselect标签的用法

    这个标签在Struts框架中尤其常见,因为它与ActionForm对象的属性紧密关联,方便数据的提交和回显。以下是对`html:select`标签的详细解释和使用方法: ### 基本结构 `html:select`标签的基本结构如下: ```jsp ...

    jQuery手机下拉框select

    3. **多选模式**:对于支持多选的`&lt;select multiple&gt;`元素,jQuery Mobile会显示一个多选的列表,用户可以通过勾选来选择多个选项。 4. **弹出/下拉行为**:默认情况下,Select Menu会在点击后以弹出窗口的形式展示...

    html下拉菜单提交后保留选中值而不返回默认值

    复制代码代码如下:&lt;html&gt; &lt;body&gt; &lt;?php // 获取select值 $select_...php // 如果在上面获取的值和这个option里的值一样, // 就打印selected,让这个option默认被选中 echo $select_value == ‘option1

    HTML5&CSS3网页制作:select元素.pptx

    默认情况下,下拉列表只显示一个选项,但你可以通过设置`size`值为一个正整数,使得用户无需打开下拉框就能看到多个选项。例如: ```html &lt;select size="5"&gt; &lt;!-- 多个选项 --&gt; &lt;/select&gt; ``` #### (2) `multiple...

    js之Select用法

    总结,`select`元素在JavaScript中是不可或缺的一部分,尤其在表单提交和用户交互场景中。通过熟练掌握它的用法和相关事件处理,可以构建更丰富、更具有交互性的网页应用。希望这个详解能帮助你理解和运用`select`...

    Html获取select元素的真实值和显示值.pdf

    在处理用户交互或数据提交时,我们经常需要获取用户在下拉列表中选择的值以及对应的显示文本。这篇内容主要讨论如何在JavaScript中获取`&lt;select&gt;`元素的真实值(即`&lt;option&gt;`的`value`属性)和显示值(即`&lt;option&gt;`...

    html中select的属性[文].pdf

    2. `align`: 该属性已废弃,但在一些老版本的HTML中,它可以设置元素相对于周围文本的对齐方式。 3. `atomicSelection`: 如果设置为`true`,则表示元素及其内容作为一个整体被选中,而不是分块选择。 4. `...

    js select框美化用input文本框模拟select框美化特效

    5. 选中值的处理:当用户在二级菜单中选择一个选项后,需要更新`&lt;input&gt;`的显示值,同时可能还需要触发某些回调函数,如数据提交或页面逻辑更新。这可以通过JavaScript的事件委托实现,监听二级菜单中的`click`事件...

    Freemarker通用select下拉框

    首先,理解`select`下拉框在HTML中的基本结构,它由`&lt;select&gt;`标签定义,内部包含一系列`&lt;option&gt;`标签,每个`&lt;option&gt;`代表一个可选的值和显示文本: ```html &lt;select&gt; &lt;option value="value1"&gt;Text1 ...

    下拉框多选select多选

    在HTML中,`&lt;select&gt;`元素通常用于创建这样的下拉菜单,但默认情况下,`&lt;select&gt;`只支持单选。为了实现多选,我们需要使用`&lt;select&gt;`的一个属性`multiple`。 **一、HTML基础** 在HTML中,创建一个简单的多选下拉框...

    jquery select美化插件selectlist plugin下载地址.zip

    SelectList Plugin是基于jQuery库开发的一款增强型下拉选择框插件,它通过CSS3和JavaScript技术提供了丰富的定制选项,包括但不限于主题风格、搜索过滤、多选模式、分组显示等。该插件旨在提升用户体验,让原本单调...

    div+css模拟select

    3. **跨浏览器兼容**:原生`&lt;select&gt;`在不同浏览器间表现不一致,使用div+css模拟可确保一致的显示效果。 4. **更好的可访问性**:通过优化HTML结构,可以更好地支持屏幕阅读器和其他辅助技术。 二、div+css模拟...

    一款html5表单样式美化select单选框表单提交代码.zip

    "一款html5表单样式美化select单选框表单提交代码.zip" 是一个资源包,旨在帮助开发者实现更美观、更具吸引力的HTML5表单设计。这个压缩包包含了一个使用须知的文本文件(使用须知.txt)以及一个可能为CSS或...

    jquery模拟select,带tip提示

    原生的HTML `&lt;select&gt;` 元素虽然功能基础,但在某些情况下可能无法满足复杂的界面设计需求。通过jQuery,我们可以利用DOM操作和事件处理,创建更灵活、可定制的Select替代方案。这个插件可能包括以下核心功能: 1. ...

    select2.rar

    Select2是对HTML原生`&lt;select&gt;`元素的增强,它提供了一种更美观、更易用的方式来显示和选择数据。在网页设计中,原始的`&lt;select&gt;`元素功能有限,样式单一,而Select2则通过JavaScript和CSS实现了以下功能: 1. **...

    jsp select 带多选框

    HTML的`&lt;select&gt;`元素默认只支持单选,但通过添加`multiple`属性,我们可以将其转变为多选框。下面是一个基本的JSP多选框示例: ```jsp &lt;%@ page language="java" contentType="text/html; charset=UTF-8" ...

    使用HTML开发商业网站-表单控件-select课件.pptx

    在使用HTML开发商业网站时,表单控件是不可或缺的一部分,它们允许用户输入、选择或提交数据。在众多的表单元素中,`&lt;select&gt;` 控件用于创建下拉列表,也就是我们常说的下拉菜单。这个控件常用于提供一系列预设的...

    HTML中的select标签如何使用.docx

    总结来说,HTML中的`&lt;select&gt;`标签提供了一种直观且易于使用的交互方式,让用户从预定义的选项中进行选择。结合`&lt;option&gt;`、`&lt;optgroup&gt;`等标签以及JavaScript,可以实现更复杂的交互效果和功能。在实际应用中,`...

    bootstrap-select

    这个组件提供了一套完整的解决方案,让开发者能够轻松地实现具有多种功能和自定义选项的下拉选择菜单。在给定的压缩包文件中,主要包括了两个主要的文件类型:JavaScript 和 CSS。 `bootstrap-select.js` 和 `...

    html option禁用选择 select禁用选项示例

    但有时,出于各种原因,我们可能不希望用户能够选择列表中的某些项。例如,某个选项可能与后端系统当前的状态不匹配,或者它是一个仅供参考的信息项而不应该被用户选择。为了达到这个目的,可以通过禁用select元素或...

Global site tag (gtag.js) - Google Analytics