javaCrazy！
- 浏览: 189641 次
- 性别:
- 来自: 四川
-
文章分类
- 全部博客 (131)
- CMS内容管理系统 (3)
- 支付宝实习之旅 (1)
- javaSE (5)
- myEclipse (1)
- DWR (0)
- strut2 (6)
- spring (4)
- hibernate (6)
- jquery (26)
- extjs (0)
- oracle (1)
- flex (10)
- ajax (0)
- jsp (3)
- java (4)
- JavaScript (4)
- css+div (5)
- Java面试 (3)
- java设计模式 (2)
- Think in java 笔记 (2)
- dom4j (1)
- JDBC (1)
- 经典方法学习 (1)
- windows常用操作 (1)
- maven (1)
- 75道经典逻辑题及答案 (1)
- mysql (3)
- jqueryDemo(插件) (3)
- php (14)
- ubuntu (6)
- 记事本 (1)
- php缓存 (1)
- 编程思想 (5)
- wamp (1)
- android (2)
- xml (1)
最新评论
-
coosummer：
推荐使用http://buttoncssgenerator.c ...
CSS按钮（研究） -
javaCrazy！：
监听一个keyup事件
jquery 监听input输入值事件 -
丶月满灬西楼彡：
问个问题：假如用户在Input中输入了“12345”，但后来又 ...
jquery 监听input输入值事件
直接上代码
<html>
<head>
<title>TW之运行代码插件--Ayin增强版</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>
<span style="absolute;margin-top:-12px;">
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<option value="" style="color:#c2c2c2;">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>
</td></tr></table>
</span>
</body>
</html>
分享到：
发表评论
-
jquery多函数执行
2014-01-07 15:33 9281、Array.prototype.slice.apply ... -
js关闭浏览器兼容性问题
2013-09-13 10:23 7651、ie,chrome下面代码都可以 window.ope ... -
jquery弹框插件（自定义easy-box）
2013-08-30 14:39 10021、插件代码easy-box.js $.ext ... -
50个jQuery代码段帮你成为更出色的JS开发者
2013-08-29 15:06 9040. 如何创建嵌套的过滤器： -
jquery验证插件进一步进行封装（easy-check）
2013-07-29 14:48 21951、easy-check.js，核心代码如下（要运行dem ... -
php echo jquery代码
2013-07-09 11:30 1490话不多少，直接贴上代码 echo "<sc ... -
用户图上传从本地加载图片，兼容ie6+,chrome,firefox
2012-11-24 17:26 816直接上代码 写道 <!DOCTYPE htm ... -
js或jquery导致ie6下，gif卡帧（不动）
2012-11-21 14:01 3117IE6下当JS触发GIF格式图片时，经常会出现GIF图片动几下 ... -
js解决IE遮罩层无法遮罩select
2012-11-07 15:23 9261、包含js (function(a){a.fn.bg ... -
div固定顶部或底部，IE下postion:fixed问题
2012-11-07 14:14 823像你所遇到的问题一样， IE6浏览器有太多的bug让制作 ... -
公告连续滚动js
2012-11-05 13:46 2146<!DOCTYPE html PUBLIC " ... -
jquery获取各种高度
2012-09-19 20:57 11542alert($(window).height()); ... -
ie6下js的onmouseover和onmouseout事件连续触发问题的解决方法
2012-09-17 11:23 889解决HTML内部元素的Mouse ... -
jquery设置select选中，获取select选中的值 和文本
2012-09-11 17:03 1776选中select选项，根据value var pid ... -
jquery图片剪切（插件）
2012-09-09 12:28 1832我用过的jquery图片剪切插件有jcrop， imgsel ... -
jquery图片左右滚动，代码很简洁
2012-09-03 17:46 727<!DOCTYPE html PUBLIC &qu ... -
jquery 监听input输入值事件
2012-08-22 17:24 18477<html> <head&g ... -
jquery 可扩展滚动移动demo
2012-08-06 22:53 1039<!DOCTYPE html PUBLIC &qu ... -
jquery 设置select选中
2012-08-02 10:01 807jquery代码 $(document).rea ... -
jquery ajax之函数里面ajax请求,不能返回return 值
2012-07-31 21:45 2727代码 代码如下: fu ...
相关推荐
oninput事件在大多数现代浏览器中都得到支持，包括Firefox, Google Chrome, Opera, Safari以及从IE9开始的Internet Explorer版本。 除了原生JavaScript的监听方法，文章还提供了使用jQuery实现监听的方式。通过使用...
8. **测试和调试**：最后，确保在所有目标浏览器上进行全面的测试，包括IE8, IE9, IE10, IE11以及现代浏览器，如Chrome, Firefox, Safari和Edge。 通过以上方法，我们可以创建一个既美观又具有良好兼容性的`<select...
避免内容超出可视范围丰富的参数设置及功能API调用浏览器兼容：IE8+、Chrome、Firefox等插件基于jQuery开发，可在Bootstrap2、3环境下使用，亦可在原生无UI框架的环境下直接使用下拉分页选择插件 SelectPage插件更新...
在本篇文章中，我们将介绍如何使用JavaScript来获取HTML中的select元素的当前值，并且确保这段代码兼容主流的浏览器，包括IE、Firefox、Opera和Chrome。在Web开发中，select元素通常用来制作下拉列表，它允许用户从...
经测试，兼容IE6--IE8，Firefox,chrome浏览器，在非IE浏览器下更加美观:)。 另:压缩包中有两个PNG文件,是FIREWORK的编辑文件,大家可以用FIREWORK编辑下拉框右边的按钮外观,或者加入各种16*16大小的PNG小图标,用来...
6. **兼容性**：基于jQuery，兼容主流浏览器，包括Chrome、Firefox、Safari、Edge以及旧版本的Internet Explorer。 安装与使用Combo-Select插件，你需要先在项目中引入jQuery库，然后下载并引入`combo-select.js`和...
因此，开发者需要选择一个能广泛兼容各种浏览器（如IE8+、Chrome、Firefox、Safari、Edge等）的js日期控件库。 3. **推荐的js日期控件库**： - **Bootstrap Datepicker**：基于Bootstrap框架的日期选择器，具有...
在JavaScript编程中，实现兼容不同浏览器的复制功能是一项常见的需求，特别是考虑到Internet Explorer（IE）和Firefox等浏览器之间的差异。本文将深入探讨如何利用JavaScript来实现在这些浏览器中复制文本到剪贴板的...
确保代码兼容各种主流浏览器，包括IE、Firefox、Chrome等。同时，可以考虑将这个组件封装成一个自定义元素或者库，方便在不同项目中复用，并提供配置选项以适应不同的需求。 总之，通过JavaScript实现的可编辑...
8. **兼容性测试**：插件需确保在主流浏览器（如Chrome、Firefox、Safari、Edge）中运行正常，同时要考虑旧版浏览器的兼容性问题。 9. **API文档**：提供清晰的API文档，方便其他开发者理解和使用插件，包括如何...
分享给大家，不防下载试试"暗示这是一个开源或免费的资源，可能是一个JavaScript库或者插件，它满足了下拉框的自定义需求，比如集成复选框功能，并且已经过测试，兼容多种主流浏览器，如Chrome、Firefox、Safari、...
实现可输入+带自动匹配功能的下拉框，我试过以下几种方法： 1.直接使用h5的新标签，对应demo如下： <input list=browsers> <option value=Firefox> <option value=Chrome> 优点：节约js代码； 缺点...
总结，创建可输入下拉框是前端开发中的常见任务，可以通过HTML5的`<datalist>`元素简单实现，也可以借助JavaScript库如`Select2`来实现更丰富的功能。理解这些技术对于提升网页交互体验至关重要。
使用浏览器的开发者工具，如Chrome的DevTools或Firefox的Developer Edition，可以帮助你调试和优化代码。检查元素、查看网络请求、设置断点和性能分析都是常用的调试手段。 综上所述，这个压缩包提供了一种使用...
在网页开发过程中，兼容性问题始终是一个不可忽视的挑战，特别是在火狐（Firefox）和谷歌浏览器（Chrome）之间。这两个浏览器虽然都是基于Webkit内核的Chromium分支，但它们在解析HTML、CSS以及JavaScript时仍存在...
3. **预览图片**：对于支持FileReader API的现代浏览器（如Chrome、Firefox、Safari、Edge等），可以使用`FileReader`对象的`readAsDataURL`方法将文件内容转换为Base64编码的URL，然后设置到`<img>`标签的`src`属性...
本篇将详细介绍如何通过CSS来取消Chrome浏览器中输入框(input)、按钮(button)、下拉选择(select)以及文本域(textarea)等元素获得焦点时显示的橘色边框。 #### 一、理解焦点样式 在大多数现代浏览器中，当某个表单...
5. **兼容性处理**：由于JavaScript在不同浏览器中的实现可能存在差异，需要编写兼容代码，确保在IE、Firefox、Chrome等浏览器上都能正常运行。例如，对于IE的兼容，可能需要使用`try...catch`语句捕获`attachEvent`...
以下是一个简单的测试代码，展示了如何在Firefox和IE中禁止文本选择： ```html <!DOCTYPE html> 测试禁止文本选择 div { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; ...
Mobiscroll 良好的浏览器兼容性是其一大优势，它支持最新的Chrome、Firefox、Safari、Edge以及IE9+等主流浏览器，并且在Android、iOS、Windows Phone等移动平台上表现稳定。 **6. 示例代码** 在提供的"mobiscroll...