javascript-怎么给select的option加onclick事件

问题描述

怎么给select的option加onclick事件
select里面有一个change,但是对我现在有个需求是需要select里面option选项然后去生成什么,但是change有点麻烦,就是默认显示的第一个就是我想要的,这是总要点击其他再切换回来才能激发change事件,我想问option有没有类似click事件,这样我就可以直接点击选取了,不知道大家有没有明白我的用意,或者有其他做法都可以跟我说下,谢谢大家了~~

解决方案

http://fins.iteye.com/blog/198977

解决方案二:

一定要用select元素吗?如果觉得不好控制可以用

,然后控制li的单击事件就行了呀!如果一定要使用select,直接监听一下select的onchange事件,根据不同的值去做相应的生成就可以了。也不见得很麻烦嘛!【路过,发表一下我自己的看法,不喜勿喷】
解决方案三:

给select加onclik不行吗

解决方案四:

自己做一个和select长得一样的元素就好了,这样比较灵活各种事件都支持。

解决方案五:

^_^呵呵,解决了就好。其实,像你说的那种情况,第一个就是你想要选择的项,那生成的内容加载的时候就给个初始化就可以了呢。

时间: 2024-09-15 13:04:00

javascript-怎么给select的option加onclick事件的相关文章

dom-关于js给标签加onclick事件的问题

问题描述 关于js给标签加onclick事件的问题 这是DOM编程艺术书上的一个例程:就是在一个网页中点击链接,将网页中的图片替换,网页大致如下:html源程序如下: 用两种方式写js文件:1.用这种方式写,每次点击显示的都是最后一幅图片 2.用这种方式写就没有问题 请问两者的区别在哪里?其中的工作过程和原理是怎样的? 解决方案 第一种写法target的值肯定是最后一个图的链接,因为for循环不过相当于是给target重复赋值了,结果是最后一次循环的到的值.而你设置click时候,并没有并没有改

我写了一个javascript函数在javaweb标签a的onclick事件中调用为什么不执行

问题描述 <%@pagelanguage="java"import="java.util.*"pageEncoding="gbk"%><html><head><scriptsrc="javascript/leftmenu.js"type="text/javascript"></script><linkhref="CSS2/leftm

JS实现Select的option上下移动的方法_javascript技巧

本文实例讲述了JS实现Select的option上下移动的方法.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function UpOrDown(direct, selectId) {//direct : 1:Up, -1:

js 操作select与option

 本篇文章主要是对js 操作select与option的示例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.动态创建select   代码如下:      function createSelect(){   var mySelect = document.createElement_x("select");           mySelect.id = "mySelect";            document.body.appendChild

JavaScript实现通过select标签跳转网页的方法_javascript技巧

本文实例讲述了JavaScript实现通过select标签跳转网页的方法.分享给大家供大家参考,具体如下: 我们经常有遇到需要用select标签跳转到新网页的情况,dw生成的代码太复杂,那么有没有精简的代码得以实现呢?经过仔细的研究找到了以下几段代码,非常不错. 话不多说,直奔主题. 当面跳转的核心代码是:"location.href=value" 新页面打开的核心代码是:"window.open()" 代码分四类: 1.当前页面直接跳转: <select n

JavaScript 多级联动select

能够根据自定义的菜单数据和select,自动设置联级的下拉菜单,可定义默认值效果: 参数2是select的id集合(按顺序): var sel=["sel1","sel2","sel3","sel4","sel5"] 可设置默认值(按顺序): var val=["3 ->", "3_1 ->", "3_1_2"]; 源码: <!D

Javascript教程动态加载事件的方法

 本篇文章主要是对js 动态加载事件的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 有些时候需要动态加载javascript事件的一些方法 往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用.   方法一.setAttribute var obj = document.getElementById("obj"); obj.setAttribute("onclick", "

原生javascript实现图片滚动、延时加载功能

 这篇文章主要介绍了使用原生javascript实现图片滚动.延时加载功能,思路与方法均分享给大家,希望对大家能有所帮助.     实现效果:下拉滚动条时,图片出现在可见区域时,才开始加载 思路: (1)img标签,把真实的图片地址,放在自己设置的属性里面,如 lazy-src (2)获取img离页面的高度(在JQ里是offset().top),原生是: img.getBoundingClientRect().top + document.body.scrollTop||document.doc

IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取

兼容问题1: 页面的分享等插件加载不全,并无法点击. 兼容问题2: IE下页面选择器(#id..class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data. 兼容问题3: 在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到. 兼容问题4: 页面跳转,或url进入,js代码不能正确执行,如果按了F12后(开启F12),JavaScript(加载)事件可以正常响应,一切都正常