onchange 相关问题

基本上，我的下拉菜单如下所示： 0 1 2 基本上，我的下拉菜单如下所示： <select> <option>0</option> <option selected="selected">1</option> <option>2</option> <option>3</option> </select> 我正在尝试编写一个即使您选择相同选项也会触发的函数，即即使打开下拉列表并重新选择所选选项，我也希望它执行该函数。如果您想用鼠标选择，则可以使用mouseup。但是，当选择框打开时它也会触发，因此您需要跟踪它被触发的次数（偶数：选择正在打开，奇数：选择正在关闭）：http： //jsfiddle.net/T4yUm/2/. $("select").mouseup(function() { var open = $(this).data("isopen"); if(open) { alert(1); } $(this).data("isopen", !open); }); pimvdb 的答案对我有很大帮助，但我添加了一些额外的位来处理键盘激活和远离选择的导航： $('select').mouseup(... as in pimvdb... ) .blur(function() { $(this).data('isopen', false); }).keyup(function(ev) { if (ev.keyCode == 13) alert(1); }); 模糊处理程序处理在下拉列表打开时离开选择的情况，键盘处理程序处理当您使用键盘更改选择的值时的情况。其行为是，当用户单击“返回”导航离开时，才被认为最终选择了该值。如果您想要键盘有不同的行为，那应该不难做到。 select 并不意味着以这种方式使用 - 在大多数情况下，您可以使用一些技巧来获得这种行为，例如跟踪 select 上的鼠标和键盘事件，但不能保证它们会保留工作，或在每个平台上工作。我建议... 在更改时将 select 重置为其默认值，并使用其他一些文本来指示“选择”哪个，或者使用select以外的控件。您能更详细地描述一下最终目标吗？另一种方法是使用 .blur() 事件 -- http://jsfiddle.net/VKZb2/4/ 专业版无论哪种方式都会触发。 Con 仅当控件失去焦点时才会触发。我遇到了同样的问题。我刚刚向选项标签添加了单击事件并更改了选择的值： $("#select option").mouseup(function() { $(this).parent().val($(this).attr("value")); // do something. }); 注意：这不适用于 iPhone 或 iPad 设备。尝试以下解决方案。它会导致通过鼠标单击或 Esc 键失去焦点。 // whether or not dropdown is opened var open = false; $("#selectElement").on("click", function() { open = !open; if (!open) { console.log("option has been selected/re-selected"); } }); // update dropdown state upon loss of focus $("#selectElement").on("blur", function() { if(open){ open = !open; } }); // update dropdown state upon Esc key of focus $(document).keyup(function(e) { if (e.keyCode == 27) { if(open){ open = !open; } } }); 这是适用于所有场景的解决方案，这依赖于用户单击选项时发生的 onclick。只需添加先前选择的变量来跟踪新选择是否与先前选择相同 function App() { const componentRef = useRef(null); const selectClickHandle = (event) => { if (componentRef.current) { const rect = componentRef.current.getBoundingClientRect(); const { clientX, clientY } = event; const isInComponent = clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom; console.log(isInComponent); if (isInComponent == false) { // this gets triggered if a option is selected, regardless if // new selected is same as prev or not. // write your logic here, } } } return ( <div className="App"> <div id="outer-container" > <select id="fruit" name="fruit" ref={componentRef} onClick={selectClickHandle} > <option value="apple" >Apple</option> <option value="banana">Banana</option> <option value="grape">Grape</option> </select> </div> ); } export default App; 我还写了一篇关于它的文章，这是一个略有不同的主题，但我认为这将有助于解释。 https://medium.com/@ijlal.tanveer294/how-to-know-if-a-select-dropdown-is-open-555a304e7dda

javascript jquery html onchange

回答 0 投票 0

如何在 Odoo 17 中按州划分地区？

在odoo中，我有2个字段：state_id和district_id。本质上，我想选择一个州，那么在选择一个地区时，它只会显示属于该州的地区。我经常这样做...

python xml onchange erp odoo-17

回答 1 投票 0

检测表单中所有元素的事件

如何对所有表单元素使用更改或类似事件？我不想分别对每个字段使用更改。

javascript html forms events onchange

回答 2 投票 0

Django - 在 onchange 事件上获取表单文本输入的值

我使用它通过 onchange 事件获取 django 表单中所选项目的 ID 和值：类 forms_bdc(forms.ModelForm): [...] bdc_description_1 = forms.ModelChoiceField( wid...