Primefaces可编辑p:selectOneMenu chrome自动填充问题
基础概念
Primefaces 是一个基于 JavaServer Faces (JSF) 的开源 UI 组件库，提供了丰富的 UI 组件来简化 Web 应用程序的开发。p:selectOneMenu 是 Primefaces 中的一个组件，用于创建下拉选择菜单。
相关优势
- 丰富的组件库：Primefaces 提供了大量的 UI 组件，可以快速构建复杂的用户界面。
- 良好的集成性：与 JSF 框架无缝集成，易于与其他 JSF 组件和后端逻辑进行交互。
- 响应式设计：支持响应式设计，能够适应不同的屏幕尺寸和设备。
- 国际化支持：内置了对多种语言的支持，方便开发多语言应用。
类型
p:selectOneMenu 是一个单选下拉菜单组件，用户可以从预定义的选项中选择一个值。
应用场景
适用于需要用户从预定义选项中选择一个值的场景，例如选择国家、城市、性别等。
Chrome 自动填充问题
在使用 p:selectOneMenu 时，Chrome 浏览器可能会出现自动填充的问题，导致用户选择的值被错误地填充或覆盖。
原因
Chrome 浏览器的自动填充功能会尝试根据表单字段的名称和类型来填充数据，有时会错误地将其他表单字段的值填充到 p:selectOneMenu 中。
解决方法
- 禁用自动填充：
可以通过在表单元素上添加
autocomplete="off"属性来禁用 Chrome 的自动填充功能。 - 禁用自动填充：
可以通过在表单元素上添加
autocomplete="off"属性来禁用 Chrome 的自动填充功能。 - 使用隐藏字段：
可以添加一个隐藏的输入字段，并将其名称设置为 Chrome 自动填充可能会使用的名称，从而避免自动填充到
p:selectOneMenu中。 - 使用隐藏字段：
可以添加一个隐藏的输入字段，并将其名称设置为 Chrome 自动填充可能会使用的名称，从而避免自动填充到
p:selectOneMenu中。 - 动态生成选项：
可以通过 JavaScript 动态生成
p:selectOneMenu的选项，从而避免 Chrome 自动填充的影响。 - 动态生成选项：
可以通过 JavaScript 动态生成
p:selectOneMenu的选项，从而避免 Chrome 自动填充的影响。
参考链接
通过以上方法，可以有效解决 Chrome 浏览器在使用 p:selectOneMenu 时的自动填充问题。
相关·内容
我正在尝试取消使用autocomplete="off"自动填充我的输入。我有一个具有editable=true属性的<p:selectOneMenu>的例子。然后，当我专注于这个领域时，chrome自动完成功能提出了一些过去的文本。知道属性autocomplete对<p:selectOneMenu>不可用时，如何取消此自动填充 我已经尝试过通过javascript来管理它，
浏览 35提问于2021-04-26得票数 3
回答已采纳
嗨，我需要关闭primefaces的selectOneMenu的自动补全功能，但是没有这样的属性。我们在inputText和其他一些组件的primefaces中都有这个属性。当用户刷新页面时，如何将自动完成设置为关闭或始终选择默认值。
我试过这样做。<p:selectOneMenu value="#{myBean.myVar}" autocomplete="off" id="selectMenu">
浏览 1提问于2013-10-08得票数 0
2回答
我有一个JSF/PrimeFaces页面，其中的<p:selectOneMenu>包含从托管bean中的值填充的项。它的项目实际上是用简单的语句描述的示例查询，以帮助用户评估系统。<p:selectOneMenu id="sampleQueryInput">
<f:selectItems value="#{bean.sampleQueries}" var="sampleQuery"
浏览 5提问于2012-09-04得票数 0
回答已采纳
当我在p:dialog中嵌入一个p:selectOneMenu时，它的初始宽度在PrimeFaces3.4中太小了。在Primefaces 3.2中，这些小部件的宽度完全没有问题。问题在Chrome中表现出来。下面的示例代码演示了该问题：
<p:selectOneMenu value="A" onchange="testDialog.show()">
浏览 1提问于2012-09-07得票数 4
回答已采纳
1回答
我正在用Primefaces 3开发一个应用程序，而p:selectOneMenu只是不起作用。<h:form> </div> <div class="form-actions"
浏览 3提问于2013-05-04得票数 2
1回答
(试用primefaces 3.2、3.3、3.4RC1和3.4快照)<h:form prependId="false">
<p:inplace editor="true" wid
浏览 2提问于2012-08-29得票数 2
回答已采纳
1回答
我想使用PrimeFaces5.2创建一个移动表单，其中一个selectOneMenu结果通过Ajax更新另一个selectOneMenu，就像这里展示的示例：，然后是移动版本。我的问题非常类似于这个问题：，但没有答案。
我已经创建了一个JSF页面和backingbean，与演示示例完全一样，而且它可以工作。但是，当我使用<f:view renderKitId="PRIMEFACES_MOBILE" />添加移动方面时，第二个select
浏览 1提问于2015-08-12得票数 2
回答已采纳
是否有办法达到以下要求：
使输入文本可见:也就是说，不仅键入(因为它已经被支持)，而且用户还应该有一个可视类型字段来选择给定的菜单项
浏览 8提问于2015-01-22得票数 4
我希望p:selectOneMenu宽度是自动的，相对于父单元格，而不是它所拥有的值。<p:panelGrid> <p:column><p:outputLabel value="Value01" for="idInput01"/></p:column>
<p</em
浏览 5提问于2013-05-28得票数 8
回答已采纳
我使用的是PrimeFaces 5.2，在p:panel中有一个p:selectOneMenu。如果selectOneMenu不在面板之外，问题就不会持续存在，但是当在面板内时，它看起来如下：您可以看到selectOneMenu右侧的失真。我尝试了一些CSS编辑，但似乎没有帮助： width: 150px;.ui-selectonemenu-
浏览 3提问于2015-09-15得票数 1
回答已采纳
我遇到了一个关于selectOneMenu组件和primefaces文件上传的问题。<h:outputLabel value="Categorie :" /> 我的问题出在显示器上。显示了selectOneMenu</
浏览 1提问于2013-05-02得票数 0
我使用PrimeFaces 6.1 SelectOneMenu呈现一个可编辑/过滤的下拉菜单，其中itemLabel/SelectOneMenu作为selectItems。不幸的是，selectOneMenu选择itemLabel作为值，将其放在我的selectOneMenu value字段中。这是一个非常烦人的问题，也许是个bug。中，作为：
<p:selectOneMenu id="select
浏览 0提问于2017-10-25得票数 0
回答已采纳
2回答
我在我的网页上使用primefaces组件p:selectonemenu。我尝试使用我自己的css (不使用!important)在它上应用样式，但它没有从我自己的外部css文件中获取样式。素数面编码 <f:selectItem itemLabel="SelectOne" itemValue=&quo
浏览 3提问于2013-02-21得票数 5
我使用的是Chrome，primefaces的显示效果很奇怪。p:selectOneMenu：有时它会像这样正确地显示：我找不到任何要覆盖的css规则，以前有人遇到过这个问题吗？
浏览 2提问于2014-03-03得票数 0
有些奇怪的事情发生在我的网站上的所有下拉列表中，当有验证错误时，除了h:selectOneMenu之外，所有输入都会得到这个css类“ui状态错误”。这是下拉列表： <div class="dd-arrow">
<h:selectOneMenu id="ccExpMonthdropDownListBean.ccExpMonths}" var="ccExpMonth&
浏览 0提问于2016-05-11得票数 2
回答已采纳
我正在尝试填充primefaces的SelectOneMenu，但应用程序遇到了一个NullPointerException，我不知道问题出在哪里。下面是我的SelectOneMenu代码： <p:selectOneMenu)}" var="typep
浏览 1提问于2011-06-12得票数 0
我使用的是PrimeFaces 5.0.5和GlassFish服务器3.1.2.2。然后，我从展示中复制了源代码，滚动时面板仍然分裂。普通的HTML下拉列表和<h:selectOneMenu>都很好，我不知道为什么它不适用于<p:selectOneMenu>
浏览 5提问于2014-10-07得票数 11
回答已采纳
1回答
当用户从drop 1中选择某些内容时，我有一个被调用的方法，并运行一个查询，该查询将根据drop 1的内容填充drop 2。我需要做的是在drop 1被更改时阻止UI，然后在查询返回并填充drop 2时解除阻塞。我有一个存根，我认为它应该如何工作，但不确定如何从代码中访问块UI。
浏览 1提问于2016-05-12得票数 2
我使用p:tabView将可编辑的数据拆分到各个部分。所有编辑元素都是p:inplace组件中的位置。具体而言，问题在于p:selectOneMenu组件。当刷新整个选项卡视图时，其他选项卡上的p:selectOneMenu值设置为空。我也不知道原因。这是一个bug，还是PrimeFaces组件的错误用法？" content="IE=edge,chrome=1" &#x
浏览 4提问于2013-01-11得票数 3
在运行时可以使用JSF创建多个selectOneMenu吗？<h:form id="form"> <p:selectOneMenuajax l
浏览 0提问于2014-09-03得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
