当事件取消只读设置时，不弹出datalist
基础概念
在Web开发中，datalist元素用于提供自动完成功能。用户输入时，浏览器会显示与输入匹配的选项。readonly属性用于使元素不可编辑。
问题描述
当事件取消只读设置时，不弹出datalist。
原因分析
- 事件处理顺序：可能在取消只读设置后，没有正确触发
datalist的显示。 - DOM更新延迟：浏览器可能没有及时更新DOM，导致
datalist没有显示。 - JavaScript逻辑错误：可能存在JavaScript逻辑错误，导致
datalist没有正确显示。
解决方案
以下是一个示例代码，展示如何在取消只读设置后显示datalist：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datalist Example</title>
</head>
<body>
<input type="text" id="myInput" list="myDatalist" readonly>
<datalist id="myDatalist">
<option value="Apple">
<option value="Banana">
<option value="Cherry">
</datalist>
<button onclick="toggleReadOnly()">Toggle Read Only</button>
<script>
function toggleReadOnly() {
const input = document.getElementById('myInput');
input.readOnly = !input.readOnly;
// 强制更新DOM
input.value = input.value;
// 触发datalist显示
input.focus();
}
</script>
</body>
</html>解释
- HTML部分：
- 创建一个
input元素，并设置list属性指向datalist元素。 - 创建一个
datalist元素，并添加一些选项。 - 创建一个按钮，用于切换
input元素的只读状态。
- 创建一个
- JavaScript部分：
toggleReadOnly函数用于切换input元素的只读状态。- 在切换只读状态后，通过设置
input.value = input.value强制更新DOM。 - 调用
input.focus()触发datalist的显示。
参考链接
通过上述方法，可以确保在取消只读设置后，datalist能够正确显示。
相关·内容
我有一个包含两个UIKit控件的场景: UITextView。但是从这个场景中，用户有可能去另一个场景检查一些东西，然后回来。在pushScene之后，UIKit控件仍然在屏幕上可见，用户可以点击它们并对其进行编辑。
浏览 0提问于2011-10-25得票数 0
回答已采纳
1回答
我有一个datalist控件，当导致回发的控件位于Datalist所在的更新面板之外时，该控件在回发期间不会保留它的值。我已经验证了该用户控件及其所有父控件的视图状态都是打开的。当用户在网格中选择几行并按下按钮时，会在后端填充一个datatable并将其分配给Datalist，该Datalist将其项目模板设置为UserControl。在ItemDataBound上，我在控件中设置了特定的属性，这些属性将该控件上的消息自定义为特定的项
浏览 0提问于2009-05-20得票数 1
回答已采纳
我需要一个动态的<datalist>作为输入。id="addressSuggestions"></datalist>但是，问题是，有时地址不包含输入字符串，因此该选项不会显示，因为该值与
浏览 5提问于2016-01-06得票数 1
回答已采纳
在下面的网格中，当您第一次弹出窗口时，可以选择带有复选框的项。如果我将closeAction设置为“隐藏”在窗口上，那么这个问题就消失了，但是难道我没有丢失默认closeAction的值吗？事实上，不破坏窗口并在每次破坏其他东西时重新创建它，所以将closeAction设置</
浏览 4提问于2014-08-02得票数 1
回答已采纳
我不希望在应用程序处于前台时弹出推送通知--所以当从PushNotificationChannel收到通知时，我正在检查应用程序是否在PushNotificationReceived事件的前台，如果是，我将取消通知: args。问题：有时当应用程序处于前台时-我收到推送通知。当我查看日志时，我可以看到PushNotificationReceived事件没有触发。在我的整个应用程序生活中，我不会取消订
浏览 3提问于2016-03-15得票数 0
1回答
这一次我有一个困难的问题给你:-)用户一松开鼠标按钮，滑块就会消失。有没有办法用WPF以一种愉快的方式做到这一点？问候你，迈克尔
浏览 1提问于2012-01-18得票数 0
我有下面的代码，现在我需要跟踪每个网格视图项中的复选框状态，并在单击按钮时获取该信息以更新信息。网格视图的imageadapter的调用活动中的My button事件。
浏览 0提问于2012-10-10得票数 0
回答已采纳
2回答
每当通过打开弹出窗口动态设置文本区域的值时，我想将更改事件绑定到文本区域(只读)。$('textarea[name="Cordinator"]').bind("change", onChangeCordinator);
function
浏览 2提问于2012-11-15得票数 4
回答已采纳
我想做的是在ViewModel不再需要的时候取消订阅事件。我尝试过实现IDisposable，但没有人调用tried ()，也没有调用Xamarin.Forms或Prism.Forms。当导航到一个新页面(按堆栈)时，Prism.Forms将ViewModel连接到页面。当导航回(从堆栈中弹出)时，ViewModel会在一段时间后获得GarbageCollected。然而，问题是，在某个时候，我们有两个相同类型的ViewModels，它们订阅不绑定到视
浏览 2提问于2016-08-24得票数 10
回答已采纳
当用户单击一个inputtype=“文件”时，它会显示一个弹出窗口来选择一个文件。当取消-没有任何事件，或我不知道它当用户单击“取消”时会触发什么事件，或者如何以不同的方式确定单击“取消”后没有选择任何文件？
浏览 1提问于2019-09-15得票数 0
回答已采纳
我在Scala中有一个名为dataList的2d列表，我想将它转换为Pandas DataFrame。val dataList: List[List[Int]] = tempData.toList<class '但是，我认为我必须使用一个嵌套循环来访问dataList的每个元素，然后放入一个DataFrame。
浏览 4提问于2016-04-23得票数 4
回答已采纳
我瞄准的界面是一个简单的鼠标左键点击statusItem来切换核心功能，用鼠标右键单击(或单击控件)来显示设置菜单。对于此功能，我不需要自定义视图或弹出窗口。我想改变这种行为，使之只显示在右键上的菜单，或者作为解决办法，防止菜单在左键弹出。
以前，为了控制NSStatusItem上的鼠标事件，必须使用重写的鼠标事件设置自定义视图(参见)。在10.10中引入的新的NSStatusItem 中，已经不推荐设置自定义视图的方法，并且似乎不鼓
浏览 3提问于2014-11-14得票数 9
回答已采纳
我有一个radgrid，它只有一个可编辑的字段(其余的都设置为只读)，这样当它处于编辑模式时，就会显示一个允许的编辑。但是，当我尝试完成插入(add)时，它只显示插入的一个字段，但我还需要所有其他字段。
如何在ItemCommand事件期间以编程方式切换只读属性而不导致重新绑定？
浏览 1提问于2012-11-01得票数 1
回答已采纳
当用户在弹出窗口外点击时，解雇将是动态的。有没有办法将解雇动画设置为“否”？我在Stack上搜索过很多次。
当显示时，点击弹出窗口会使弹出窗口被自动关闭。为了允许用户与指定的视图进行交互，而不排除popover，您可以将一个或多个视图分配给passthroughViews属性。弹出窗口内的点击不会自动导致弹出窗口被取消。视图和视图控制器代码必须显式地处理po
浏览 4提问于2013-06-19得票数 6
回答已采纳
3回答
当未选中复选框时，我希望清除字段内容，然后将其标记为只读。我怀疑，通过将文本字段更改为只读，取消了清除文本字段内容的规则。有人知道怎么解决吗？
浏览 4提问于2009-07-20得票数 0
在checkbox鼠标释放事件中，我添加了一个javascript，用于在选中复选框时将按钮的只读属性设置为false，而在取消选中复选框时将按钮的只读属性设置为true。我的问题是，当我在Adobe阅读器中加载pdf表单时，我添加到复选框鼠标事件中的javascript不起作用。是否有任何其他事件，我们可以用来在加载pdf表单时添加脚本。哪个事件可用于在pdf表
浏览 0提问于2018-06-29得票数 0
1回答
弹出按钮具有以下事件: Closing和Closed
案例#1.当我通过单击事件顺序之外的某个位置关闭弹出按钮时，将关闭->。在关闭事件的处理程序中，我可以通过设置e.Cancel = true来取消隐藏弹出按钮。案例#2.当我打开弹出按钮，然后最小化应用程序/更改应用程序的大小/重叠应用程序时，其他应用程序关闭事件不会触发。在这种情况下，如何取消隐藏<e
浏览 6提问于2021-08-06得票数 0
在页面加载时的输入中设置默认值。在单击特定记录时，将更改输入中的数据。在单击“记录”时也会弹出一个对话框，其中有“取消”和“确定”按钮，以在单击时发送相应的输出。我的意图是在单击“取消”按钮时设置默认值。form-label pt-2">Item ID</label> <div className=&quo
浏览 1提问于2022-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
