`
liu_shui8
  • 浏览: 68009 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

select的readOnly

Java 
阅读更多 
<select onbeforeactivate="return false" onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()"> 
<option>1</option> 
<option selected>2</option> 
<option>3</option> 
</select>

  <select     onchange="selectedIndex=2">   
  <option   value=1>1</option>   
  <option   value=2>2</option>   
  <option   value=3   selected>3</option>   
  <option   value=4>4</option>   
  </select>   
  <input   type=checkbox   checked   onclick="checked=defaultChecked">   
  <input   type=radio   onclick="checked=defaultChecked">
分享到：
| probe二次开发(二)
评论
3 楼 qiaobin911 2011-07-20  
IE8 不支持啊，怎么办?
2 楼 liu_shui8 2010-05-07  
sunspring 写道
disabled="disabled"

这个能把值传到后台？
1 楼 sunspring 2010-04-28  
disabled="disabled"
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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`会导致数据无法提交，因此需要...

    layui select 禁止点击的实现方法

    在使用Layui的form模块之后，我们可以通过`form.render('select')`方法来重新渲染页面上的select组件，使得之前添加的属性生效。这里的`'select'`是Layui渲染器的名称，用于渲染select组件。 结合上述两点，我们...

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

    这里我们定义了一个名为`selectReadOnly`的函数，它接收一个参数，即`&lt;span&gt;`元素的ID。函数的主要工作是捕获鼠标事件，阻止用户选择和激活下拉框： ```javascript function selectReadOnly(selectedId) { var obj...

    实现select下拉选项可编辑

    '&lt;input type="text" class="selecttext" size="' + size + '" name=' + name + ' value="' + defaulttext + '" ' + readonly + '&gt;' + '&lt;td&gt;&lt;button class="selectbutton" id="' + this.buttonname + '"&gt;6&lt;/td&gt;&lt;/...

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

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

    JavaScript模拟select

    ### JavaScript模拟select控件知识点详解 #### 一、引言 在前端开发中，有时我们需要对浏览器原生的`&lt;select&gt;`元素进行定制化处理，比如实现更丰富的样式或者增加额外的功能。本篇将深入探讨如何使用纯JavaScript...

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

    &lt;input type="text" id="simSelect" readonly&gt; ;"&gt; 选项1 选项2 选项3 ``` 2. 使用jQuery添加事件监听器和处理逻辑： ```javascript $(document).ready(function() { $('#simSelect').click(function() { $('#...

    jQuery模拟select效果

    &lt;input type="text" readonly class="customSelectInput" /&gt; ;"&gt; &lt;li data-value="option1"&gt;Option 1 &lt;li data-value="option2"&gt;Option 2 ... ``` 接下来，使用jQuery来处理事件和动态展示效果。首先，我们...

    Readonly和Disabled的区别

    例如，在包含多个表单元素的复杂表单中，如果表单元素被设置为Readonly，那么即使某些元素如select在被选中后不会触发页面提交，这些元素的值依然会被包含在POST或GET请求中。而Disabled属性则会导致所有设置为...

    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`的表单元素不仅其值无法被修改，而且在表单提交时，这些...

    表单中Readonly和Disabled的区别详解

    相反，`disabled` 属性则更为广泛，它适用于所有表单元素，包括`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`、`&lt;button&gt;`等。设置`disabled="disabled"`不仅阻止用户编辑元素内容，还阻止用户与该元素交互，如点击按钮或...

    readonly和disabled属性的区别

    相比之下，`disabled`属性的适用范围更广，它不仅适用于上述的文本输入类型，还可以应用到单选按钮（`&lt;input type="radio"&gt;`）、复选框（`&lt;input type="checkbox"&gt;`）、下拉列表（`&lt;select&gt;`）以及其他类型的表单...

    表单元素属性readonly和disabled使用对比

    1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...

Magicbox
Global site tag (gtag.js) - Google Analytics