`
jysh0922
  • 浏览: 69950 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

select(下拉框)只读(类似输入框的readonly)

 
阅读更多
<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"> 
<select  ><option selected >aaa</option><option>bbb</option></select> 
</span> 

 

分享到:
评论
3 楼 Zjmainstay 2012-02-05  
我觉得自己写的这个更简单明了。
<select id='select1' onchange="this.selectedIndex = 0;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
2 楼 wisdomer 2010-08-31  
最完美的是:
<span onmousemove="this.setCapture();" onmouseout="this.releaseCapture();">   
  <select onfocus="this.blur();">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>   
</span>
1 楼 iceaugust 2009-08-18  
这个方法是可以禁止鼠标点,但是用键盘的tab键结合上下方向键,还是能实现修改下拉框选项的功能.

相关推荐

    设置disabled属性后台读不到数据如何让select支持readonly

    然而,对于`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`&lt;input type="radio"&gt;`,`readonly`属性并不起作用,通常需要使用`disabled`属性来达到类似的效果。然而,如前所述,`disabled`会导致数据无法提交,因此需要...

    用js设置下拉框为只读的小技巧

    本文将介绍一种使用JavaScript和HTML结构来实现下拉框只读效果的方法。 首先,我们要明白在HTML中,select元素是无法直接设置为只读的。通常,只读属性(readonly)适用于input元素,例如文本输入框(type="text")...

    Select下拉框模糊查询功能实现代码

    `SelectValue`函数在用户从下拉框中选择一个选项时被调用,它获取选中的值和文本,并将其分别设置到对应的隐藏输入框和只读输入框中: ```javascript function SelectValue(obj) { var input = obj.parentNode....

    jq表单框架jqtransform的常用事例

    本篇将深入探讨jqTransform的常用功能,包括复选框、单选按钮、表单列表、只读输入框、下拉框以及如何结合layer框架实现弹出框。 1. **复选框与单选按钮** jqTransform提供了一套优雅的复选框和单选按钮样式,它们...

    jsp要实现屏蔽退格键问题探讨

    通常select元素的默认状态并不是只读,所以当退格键被按下且元素拥有readonly属性时,可以认为这是下拉框并阻止默认行为。这样的实现方法,虽然可以区分大部分情况,但是它依赖于readonly属性的正确设置,并不是最佳...

    java easyui中文培训文档.doc

    第2.2节介绍了一系列参数,如`format`定义日期格式,`value`设置初始值,`readonly`设定是否只读。此外,第2.3节和2.4节分别讲述了DateBox的事件(如`onChange`)和方法(如`getValue`、`setValue`),使得开发者...

    html+css基础知识.pdf

    - `hidden`、`readonly`和`disabled`属性分别用于隐藏、只读和禁用输入框。 - `value`设定初始值,`placeholder`添加提示文本。 5. 列表: - 无序列表`&lt;ul&gt;`和有序列表`&lt;ol&gt;`,`&lt;li&gt;`作为列表项。 - `ul`的`...

    html+css基础知识.docx

    其他属性如`hidden`、`readonly`和`disabled`分别用于隐藏、只读和禁用输入框。 4. 列表: 无序列表`&lt;ul&gt;`和有序列表`&lt;ol&gt;`用于组织内容。`&lt;li&gt;`标签用于定义列表项。`&lt;ul&gt;`的`type`属性可以设置为`circle`, `...

    htmlcss基础知识.pdf

    `name` 属性用于标识不同的输入项,`hidden` 属性隐藏输入框,`readonly` 只读,`disabled` 灰化禁用,`value` 设置默认值,`placeholder` 提供输入提示。 列表: 无序列表 `&lt;ul&gt;` 和有序列表 `&lt;ol&gt;` 用于组织内容...

    htmlcss基础知识.docx

    `name` 属性用于标识表单元素,`hidden`、`readonly` 和 `disabled` 分别用于隐藏、只读和禁用状态,`value` 设置默认值,`placeholder` 提供输入提示。 列表有两种类型:无序列表 `&lt;ul&gt;` 和有序列表 `&lt;ol&gt;`,列表...

    JS实现漂亮的时间选择框效果

    例如,`s_tiannet_turn_base`定义了所有功能按钮的基础样式,`s_tiannet_turn`是翻页按钮的样式,`s_tiannet_turn2`用于关闭和清空等操作的按钮,而`s_tiannet_select`和`s_tiannet_select2`则是下拉框的样式。...

Global site tag (gtag.js) - Google Analytics