`
wfdoublext
  • 浏览: 129929 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

select onclick

阅读更多
<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的select下拉框选择触发事件实例分析

    我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: &lt;select&gt; 选项一 选项二 &lt;/select&gt; 今天有个要求需要做联动菜单,就是每点一次,相邻的下拉框会自动改变 ,...

    javascript动态生成table及处理.

    var height = "&lt;select onclick='change(" + k + ")' name='height'&gt;&lt;option value='0'&gt;1.2m以上&lt;/option&gt;&lt;option value='1'&gt;1~1.2m&lt;/option&gt;&lt;/select&gt;"; var stu = ...

    js选择时间控件-方便实用

    onclick="SelectDate(this)" 年月日,默认格式yyyy-MM-dd onclick="SelectDate(this,'yyyy 年')" 年份 onclick="SelectDate(this,'yyyy 年 MM 月')" 年月 onclick="SelectDate(this,'yyyy\-MM\-dd')" 年月日 onclick...

    Div 制作的SELECT

    用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...

    简单实用的可编辑下拉框

    &lt;select onclick="gogo(this)" style="WIDTH:100px"/&gt; ``` - 这行代码定义了一个宽度为100像素的下拉框,当点击此下拉框时会触发 `gogo` 函数。 - **JavaScript逻辑**: 1. **初始化输入框**: ```javascript ...

    实现select下拉选项可编辑

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

    jquery实现 两个select之间option的转移操作

    &lt;button onclick="selectAll(select1, select2)"&gt;全选 &lt;button onclick="deselectAll(select1, select2)"&gt;全删 ``` 此外,为了提供删除单个选项的功能,可以添加一个按钮,获取当前选中的选项并执行删除操作: ```...

    select选择事件

    `&lt;select&gt;`元素可以绑定多种事件监听器,例如`onchange`、`onclick`等。其中`onchange`事件是最常用的,它会在用户更改选择时触发。 ### 二、实现select元素的选择事件 #### 2.1 使用JavaScript获取select元素 在...

    js 操作select和option

    ### JavaScript 操作 Select 和 Option 的方法详解 在网页开发中,`&lt;select&gt;` 元素是一种常见的表单控件,用于收集用户输入的选择项。它通常包含多个 `&lt;option&gt;` 子元素供用户选择。通过 JavaScript,我们可以实现...

    EL,jstl,js 对select元素

    1. **事件处理**:通过添加`onchange`、`onclick`等事件监听器,可以捕获用户的选择并执行相应的操作,比如提交表单、更新页面内容等。 2. **动态加载**:在页面加载后,用JavaScript根据服务器返回的数据动态生成或...

    input触发弹出层,实现select 效果

    1. 创建一个`input`元素,设置适当的ID和事件监听器,如`onclick`,用于触发弹出层的显示。 2. 创建一个`div`元素,包含所有`select`的选项,初始状态为隐藏。每个选项可以是`li`列表项或者其他元素,通过CSS进行...

    radio、checkbox、select等选择标签的总结

    - 通过 `onclick` 或其他事件监听器可以添加交互功能,如实时验证。 2. **checkbox(复选框)** - `checkbox` 标签用于创建可多选的选项。用户可以勾选一个或多个选项。 - 和 `radio` 类似,`name` 属性用于将多...

    纯JavaScript实现获取onclick、onchange等事件的值

    select id=”city” onchange=”[removed]test();”&gt;&lt;/select&gt;中获取[removed]test();。 小菜想通过事件中的信息,确定下一级的菜单,但是这个貌似很简单的问题,却让小菜纠结了一番。  稍微懂点JQuery的...

    SelectAll全选

    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 option onclick事件ie解决方案 兼容ie,firefox

    JavaScript中select元素的option子项上绑定onclick事件,在不同浏览器间的兼容性问题一直是个常见的难题。特别地,IE浏览器对于这一特性支持并不友好,这导致开发人员在开发涉及跨浏览器兼容的Web应用时,不得不寻找...

    前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

    这通常需要监听 zTree 的相关事件,如 `onCheck` 或 `onClick`,然后更新下拉框的显示文本。 在实际项目中,我们还需要处理异步加载、数据同步、状态保存等复杂情况。例如,当用户关闭页面后再次打开,zTree 应该...

    JS实现select选中option触发事件操作示例

    又在select中添加onclick 这下可好了,没选option呢就触发了 百度来的说option没有触发事件,需要在select中加onchange事件,虽然我曾经处理过类似的问题,用过就忘是不是猪脑子…. 这次记住了吧应该

    JS更改select内option属性的方法

    &lt;button onclick="modify();"&gt;修改 ``` ```javascript function modify() { var childValue = document.getElementById('text_01').value; opener.updateSelect(childValue); } ``` 在父窗口中,`updateSelect...

    js动态设置select下拉菜单的默认选中项实例

    obt.onclick=function(){ opts[3].selected=true; // 设置option第4个元素,即value="3"为默认选中 } ``` 这段代码展示了如何利用JavaScript来动态地控制下拉菜单的选中状态。通过这种方式,开发者可以根据实际的...

    layui select动态添加option的实例

    &lt;a class="layui-btn layui-btn-small" id="" onclick="addProductClassify()"&gt;增加产品类别&lt;/a&gt; ``` 在上面的代码中,我们定义了一个select组件,并添加了三个option选项。现在,我们想要实现的是,当用户点击...

Global site tag (gtag.js) - Google Analytics