<script type="text/javascript" > function simOptionClick4IE(){ var evt=window.event ; var selectObj=evt?evt.srcElement:null; // IE Only if (evt && selectObj && evt.offsetY && evt.button!=2 && (evt.offsetY > selectObj.offsetHeight || evt.offsetY<0 ) ) { // 记录原先的选中项 var oldIdx = selectObj.selectedIndex; setTimeout(function(){ var option=selectObj.options[selectObj.selectedIndex]; // 此时可以通过判断 oldIdx 是否等于 selectObj.selectedIndex // 来判断用户是不是点击了同一个选项,进而做不同的处理. showOptionValue(option) }, 60); } } function showOptionValue(opt,msg){ var now=new Date(); var dt= (1900+now.getYear())+'-'+(now.getMonth()+1)+'-'+now.getDate()+ ' '+now.getHours()+':'+now.getHours()+':'+now.getSeconds()+'.'+now.getMilliseconds(); var resultZone=document.getElementById('reslut'); resultZone.style.margin="10px"; resultZone.innerHTML=dt +" 时,点击了: " + (opt.text + ' = '+opt.value); } </script> <select onclick="simOptionClick4IE()" > <!-- 下面的 onclick="showOptionValue( this )" 是为 ff 和 opera而准备 --> <option value="1" onclick="showOptionValue( this )" >aaaaa</option> <option value="2" onclick="showOptionValue( this )" >bbbbb</option> <option value="3" onclick="showOptionValue( this )" >ccccc</option> </select> <div id="reslut" ></div>
发表评论
-
转载:jquery webservice 跨域
2013-01-28 16:06 1289现在的JQuery中$.ajax方法支持跨域读取json数 ... -
变更地址栏参数
2011-09-14 10:06 822<html> <head ... -
仿google 日历
2011-08-24 23:10 903仿google 日历仿google 日历仿google 日历仿 ... -
Jquery fullcalendar 官方中文文档
2011-08-22 08:47 25121. 使用方式, 引入相关js, css后, $(‘#div_ ... -
js webservice
2011-05-12 08:50 11111. 创建webservice,为了免于落俗我稍稍修改了 ... -
光标位置函数
2010-12-16 12:44 812function getCursortPosi ... -
select元素javascript常用操作
2010-12-14 09:32 655东西很简单,只是自己记性不好,经常忘记一些关键字 所以发 ... -
cookie
2010-09-17 09:06 702function SetCookie(CookieNa ... -
webservice and js
2010-06-24 09:17 844jQuery调用WebService网上的介 ... -
js 类的实现 转载
2010-05-14 10:43 792JavaScript本身并不是设计成面向对象的,所以没 ... -
jsxiaoguo
2009-05-14 10:52 739jsxiaoguo -
窗体大小
2009-05-12 09:39 905网页可见区域宽:document.body.clientWid ... -
闭包小例
2009-02-05 08:53 753//A是一个普通的函数 ... -
js other event target
2008-11-20 14:41 1153解耦导航模式 function Onclick(evt) ... -
用 javascript 处理 JSON
2008-11-19 14:33 1309用 javascript 处理 JSON 关键字: json ... -
js 倒计时
2008-11-13 09:28 989<!doctype html public " ... -
Javascript中最常用的55个经典技巧
2008-09-27 17:47 8831. oncontextmenu="window.e ... -
js xml
2008-09-17 10:53 1221loadXML = function(xmlFile) ... -
正则表达式
2008-09-12 09:04 830数:44] //校验是否全由数字组成 function ... -
js 函数
2008-09-11 13:12 8201.document.write(""); ...
相关推荐
我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> 选项一 选项二 </select> 今天有个要求需要做联动菜单,就是每点一次,相邻的下拉框会自动改变 ,...
var height = "<select onclick='change(" + k + ")' name='height'><option value='0'>1.2m以上</option><option value='1'>1~1.2m</option></select>"; var stu = ...
onclick="SelectDate(this)" 年月日,默认格式yyyy-MM-dd onclick="SelectDate(this,'yyyy 年')" 年份 onclick="SelectDate(this,'yyyy 年 MM 月')" 年月 onclick="SelectDate(this,'yyyy\-MM\-dd')" 年月日 onclick...
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
<select onclick="gogo(this)" style="WIDTH:100px"/> ``` - 这行代码定义了一个宽度为100像素的下拉框,当点击此下拉框时会触发 `gogo` 函数。 - **JavaScript逻辑**: 1. **初始化输入框**: ```javascript ...
### 实现 Select 下拉选项可编辑 在网页开发过程中,我们经常会遇到需要用户进行选择的情况。传统的`<select>`元素可以很好地完成这项任务,但是它存在一个限制:用户只能从预定义的选项中进行选择而不能自定义输入...
<button onclick="selectAll(select1, select2)">全选 <button onclick="deselectAll(select1, select2)">全删 ``` 此外,为了提供删除单个选项的功能,可以添加一个按钮,获取当前选中的选项并执行删除操作: ```...
`<select>`元素可以绑定多种事件监听器,例如`onchange`、`onclick`等。其中`onchange`事件是最常用的,它会在用户更改选择时触发。 ### 二、实现select元素的选择事件 #### 2.1 使用JavaScript获取select元素 在...
### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`<select>` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `<option>` 子元素供用户选择。通过 JavaScript,我们可以实现...
1. **事件处理**:通过添加`onchange`、`onclick`等事件监听器,可以捕获用户的选择并执行相应的操作,比如提交表单、更新页面内容等。 2. **动态加载**:在页面加载后,用JavaScript根据服务器返回的数据动态生成或...
1. 创建一个`input`元素,设置适当的ID和事件监听器,如`onclick`,用于触发弹出层的显示。 2. 创建一个`div`元素,包含所有`select`的选项,初始状态为隐藏。每个选项可以是`li`列表项或者其他元素,通过CSS进行...
- 通过 `onclick` 或其他事件监听器可以添加交互功能,如实时验证。 2. **checkbox(复选框)** - `checkbox` 标签用于创建可多选的选项。用户可以勾选一个或多个选项。 - 和 `radio` 类似,`name` 属性用于将多...
select id=”city” onchange=”[removed]test();”></select>中获取[removed]test();。 小菜想通过事件中的信息,确定下一级的菜单,但是这个貌似很简单的问题,却让小菜纠结了一番。 稍微懂点JQuery的...
bt_selectall = (Button) findViewById(R.id.bt_selectall); // bt_cancel = (Button) findViewById(R.id.bt_cancelselectall); // bt_deselectall = (Button) findViewById(R.id.bt_deselectall); tv_show...
JavaScript中select元素的option子项上绑定onclick事件,在不同浏览器间的兼容性问题一直是个常见的难题。特别地,IE浏览器对于这一特性支持并不友好,这导致开发人员在开发涉及跨浏览器兼容的Web应用时,不得不寻找...
这通常需要监听 zTree 的相关事件,如 `onCheck` 或 `onClick`,然后更新下拉框的显示文本。 在实际项目中,我们还需要处理异步加载、数据同步、状态保存等复杂情况。例如,当用户关闭页面后再次打开,zTree 应该...
又在select中添加onclick 这下可好了,没选option呢就触发了 百度来的说option没有触发事件,需要在select中加onchange事件,虽然我曾经处理过类似的问题,用过就忘是不是猪脑子…. 这次记住了吧应该
<button onclick="modify();">修改 ``` ```javascript function modify() { var childValue = document.getElementById('text_01').value; opener.updateSelect(childValue); } ``` 在父窗口中,`updateSelect...
obt.onclick=function(){ opts[3].selected=true; // 设置option第4个元素,即value="3"为默认选中 } ``` 这段代码展示了如何利用JavaScript来动态地控制下拉菜单的选中状态。通过这种方式,开发者可以根据实际的...
<a class="layui-btn layui-btn-small" id="" onclick="addProductClassify()">增加产品类别</a> ``` 在上面的代码中,我们定义了一个select组件,并添加了三个option选项。现在,我们想要实现的是,当用户点击...