`
orcl_zhang
  • 浏览: 243244 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

select实现readonly

阅读更多
找了几个没几个能用.这个不错,简洁,可用.
<html>
<body>
<form method="get" action="">
<select name="sel" onchange="this.value=3;">
<option value='1'>1111</option>
<option value='2'>2222</option>
<option value='3'>3333</option>
<option value='4'>4444</option>
</select>
<input type="text"/>
<input type="submit" value="submit"/>
</form>
</body>
</html>

发现这个在onchange时也会触发其他的事件,没办法,直接把其他的option用js删掉吧。
分享到:
评论
2 楼 orcl_zhang 2010-08-19  
fireflyman 写道
笑而不語

为何?
1 楼 fireflyman 2010-08-19  
笑而不語

相关推荐

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下: 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;/select&gt;

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

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

    实现select下拉选项可编辑

    ### 实现 Select 下拉选项可编辑 在网页开发过程中,我们经常会遇到需要用户进行选择的情况。传统的`&lt;select&gt;`元素可以很好地完成这项任务,但是它存在一个限制:用户只能从预定义的选项中进行选择而不能自定义输入...

    下拉框设置为只读模式时不再弹出下拉框

    这里的`[readonly]`是CSS的属性选择器,它会选择所有`readonly`属性被设置的`select`元素。 但是,这样做仅仅阻止了用户的交互,视觉上下拉箭头依然可点击。为了进一步模拟只读效果,我们可以通过修改`select`元素...

    layui select 禁止点击的实现方法

    综上所述,要在Layui框架中实现select组件的禁用,关键在于正确加载form模块,设置组件的`disabled`属性,并调用`form.render`方法。通过上述步骤,可以有效地禁用select组件,防止用户对其进行点击或更改操作。

    JavaScript模拟select

    在前端开发中,有时我们需要对浏览器原生的`&lt;select&gt;`元素进行定制化处理,比如实现更丰富的样式或者增加额外的功能。本篇将深入探讨如何使用纯JavaScript来模拟一个自定义的下拉选择框(select控件)。通过这种方式...

    jquery input文本框模拟select选择框获取选定

    总结来说,使用jQuery可以方便地将input文本框模拟成select选择框,实现与真实下拉框类似的功能。这主要通过动态操作DOM、添加事件监听器以及使用插件来完成。在实际项目中,根据具体需求选择合适的方法,并注重用户...

    jQuery模拟select实现下拉菜单功能

    在本文中,我们将深入探讨如何使用jQuery来模拟一个下拉菜单功能,这通常用于实现类似于一淘搜索框的交互体验。这个模拟下拉菜单的方法利用了CSS3来创建箭头的动画效果,使得用户界面更加生动和友好。 首先,我们来...

    jQuery模拟select效果

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件...3. 通过CSS控制样式,实现与原生`&lt;select&gt;`相似或独特的视觉效果。 4. 考虑性能和无障碍访问,确保模拟的效果在各种场景下都能良好运行。

    使用Vue自定义指令实现Select组件

    使用Vue自定义指令实现Select组件 在 Vue 中,自定义指令是实现复杂组件的重要手段,而 Select 组件是最常用的 UI 组件之一。本文将介绍如何使用 Vue 自定义指令实现 Select 组件。 一、Vue 自定义指令简介 在 ...

    jquery使用ul模拟select实现表单美化的方法

    在本示例中,我们将探讨如何使用jQuery和HTML `&lt;ul&gt;` 标签来模拟一个 `&lt;select&gt;` 下拉框,从而实现更加优雅的表单样式。 首先,jQuery是一种流行的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。在这...

    react写一个select组件的实现代码

    本文将会通过示例代码一步步介绍自定义select组件的实现方法,以及如何通过props来控制组件的行为和样式。 首先,原生HTML的 `&lt;select&gt;` 组件的基本结构如下所示: ```html &lt;select onChange={(value) =&gt; { this....

    disabled与readonly的作用及区别介绍

    例如,`&lt;select&gt;`下拉列表就没有`readonly`属性,但有`disabled`属性。如果你希望用户看到下拉列表但不能选择任何项,只能使用`disabled`来实现这一效果。 总结一下,`readonly`和`disabled`的主要区别在于: 1. `...

    javascript中input中readonly和disabled区别介绍

    相比之下,`disabled`属性更为广泛,它可以应用于几乎所有的表单元素,包括`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`、`&lt;button&gt;`等。`disabled`不仅阻止用户修改元素内容,还使得元素无法获取焦点,无法通过键盘进行...

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

    &lt;input type="text" id="box2" readonly&gt; &lt;div id="msg"&gt;&lt;/div&gt; ``` 接下来是JavaScript代码,这部分代码主要负责处理用户输入和下拉框的交互逻辑。关键函数有`SelectValue`和`InputValue`。 `SelectValue`函数在...

    JS Select下拉框(支持输入模糊查询)

    &lt;input type="text" id="box2" readonly&gt; ``` 接下来,我们需要编写JavaScript代码来处理用户输入并动态生成匹配的查询结果。以下是一个简单的示例: ```javascript function SelectValue(obj) { document....

    适应移动端的地址四级(省市区街道)联动选择

    在实现过程中,通常会创建四个&lt;select&gt;元素,分别代表省、市、区、街道。每个&lt;select&gt;元素的选项初始为空,用户选择上一级后,通过AJAX请求获取并填充下一级的数据。这里,AJAX是异步 JavaScript 和 XML 的缩写,...

Global site tag (gtag.js) - Google Analytics