<html>
<body>
<span id="id_select">
<select name="sjdwmc" list="sjdxdwList" listKey="dxbh" listValue="dwmc" headerKey="" headerValue="" onclick="selectReadOnly('id_select')">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</span>
</body>
<script>
function selectReadOnly(selectedId){
var obj = document.getElementById(selectedId);
obj.onmouseover = function(){
obj.setCapture();
}
obj.onmouseout = function(){
obj.releaseCapture();
}
obj.onfocus = function(){
obj.blur();
}
obj.onbeforeactivate = function(){
return false;
}
}
</script>
</html>
分享到：
相关推荐
在“用js设置下拉框为只读的小技巧”这一主题中，我们将探讨如何通过JavaScript来实现这一需求。 首先，由于HTML的`<select>`元素不支持`readonly`属性，我们需要采取变通的方法。一种常见的解决方案是将`<select>`...
综上所述，要实现"下拉框设置为只读模式时不再弹出下拉框"的功能，我们可以结合使用HTML的`readonly`属性、CSS的`pointer-events`属性以及可能的JavaScript代码来达到预期效果。在提供的`test.html`文件中，应该包含...
首先，直接使用HTML实现下拉框只读功能的方法。这种方法适用于静态页面，即不需要服务器端代码参与的情况。通过为标签添加一系列的事件属性（onbeforeactivate、onfocus、onmouseover、onmouseout），可以阻止下拉框...
八、ASP.NET 实现下拉框只读功能 在 ASP.NET 中，可以使用 Enabled 属性来实现下拉框的只读功能。当 Enabled 属性设置为 False 时，下拉框将变为只读状态，用户无法进行选择。 ASP.NET 可编辑输入自动匹配的下拉框...
功能描述：可编辑表格，可新增行，可删除行，可触发表单校验，可设置下拉框树形选择器多选文本框等格式，可编辑表格可设置编辑和只读两种状态 适用人群：具备一定编程基础，工作1-3年的前端研发人员 适用场景：...
在Web应用中，下拉框通常用于提供用户选择项，但默认情况下它们是只读的。而“可编辑”的特性意味着用户不仅能选择已有的选项，还能输入新的值，增加了交互性和灵活性。 描述中提到的“NULL 博文链接：...
在进行网页表单设计时，经常会遇到需要将select下拉框设置为只读状态同时保证用户选择的值能够正常传递到服务器端的需求。为了实现这一需求，技术人员通常采用以下几种方法： 1. 使用JavaScript或jQuery技术动态...
在学习和使用这个“泛微oa流程L流程表单常用js大全”时，建议结合具体的代码示例，理解每个功能背后的实现逻辑，以便更好地在实际项目中应用。同时，持续关注泛微OA的官方文档和更新，以便获取最新的API和最佳实践。
- readonly：用于设置下拉框为只读状态。 - isValid：验证文本框内的值是否合法。 - clear和reset：分别用于清空和重置文本框内容。 - getText：获取文本框的字符串。 - getText：设置文本框的字符串。 - getValue和...
然后，你可以使用JavaScript或jQuery在页面加载时同步`<select>`的值到隐藏字段： ```javascript document.getElementById('hiddenValue').value = document.getElementById('lstTest').value; ``` 2. **使用...
例如，我们创建一个ID为"box"的输入框，然后使用jQuery和EasyUI的API来设置其为自定义下拉框： ```javascript $(function(){ $('#box').combo({ required : true, multiple : true }); }); ``` 对于自定义...
最后，为了防止用户在网络状况不佳时反复提交表单，通常会在用户点击提交按钮后使用JavaScript将按钮设为`disabled`。这样，即使用户多次点击，也不会产生额外的数据提交，有效地保护了数据库免受冗余数据的困扰。 ...
`jsconfig.json` 和 `tsconfig.json` 分别是 JavaScript 和 TypeScript 的配置文件，定义了项目的编译和源码管理规则。 掌握这些表单组件的使用，不仅可以提升你在 Cocos 引擎下的游戏开发效率，还能让你的游戏界面...
// 设置select为禁用状态 form.render('select', '#mySelect', { disabled: true }); // 如果页面中有多个select，或者需要批量禁用 // 可以使用类选择器来获取多个select元素 form.render('select', '....
`SelectValue`函数在用户从下拉框中选择一个选项时被调用，它获取选中的值和文本，并将其分别设置到对应的隐藏输入框和只读输入框中： ```javascript function SelectValue(obj) { var input = obj.parentNode....
在本文中，我们将深入探讨如何使用jQuery来实现一个自定义的多选下拉框效果。这个功能对于增强用户界面的交互性和美观性至关重要，尤其是在处理大量选项时。下面，我们将详细解析实现这一功能的关键步骤、涉及到的...
在本例中，我们关注的是一个名为“WdatePicker”的JS时间控件，它提供了丰富的功能和自定义选项。 1. **调用模式**： WdatePicker控件不仅支持在`<input>`标签上点击或获取焦点时自动弹出日历，还允许通过其他HTML...
接下来，为了确保页面加载时`select`元素处于不可编辑状态，可以使用JavaScript或jQuery来动态地设置`disabled`属性： ```javascript $(document).ready(function() { $("#postSelect").prop("disabled", true); }...