option onclick不管用

select中option的onclick事件失效

html: <select id="pageSelect"> <option value="1" selected onclick="openNewPage()">页面1</option> <option value="2" onclick="openNewPage()">页面2</option> </select> js: <s

IE下不支持option的onclick事件

<select> <option onclick="test('www.hao123.com')"value="www.hao123.com">hao123</option> <option on click="test('www.baidu.com')" value="www.baidu.com">baidu</option> <option on click

select动态增加option

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> &l

google中select添加onclick

有下拉跳转框如下所示: <select name="page" size="1" > <option onclick="refurbish(1)" selected="selected">第1页</option> <option onclick="refurbish(2)">第2页</option> </select> refurbis

今天工作用到了select,想要给option添加click点击事件,可是却没有任何效果,百度了才发现,原来竟然是不支持呀! 众所周知(其实我才知道哎),在IE里, select的option是不支持onclick事件的, 而在FF 和 OPERA 里, option 是支持onclick事件的. (safari似乎也不支持,不过暂时我还不知道如何解决safari的问题.) 我今天是用onchange来解决的,原谅也是才知道它可以用这个.select状态改变来调用函数. <!DOCTYPE ht

通过百度echarts实现数据图表展示功能

现在我们在工作中,在开发中都会或多或少的用到图表统计数据显示给用户.通过图表可以很直观的,直接的将数据呈现出来.这里我就介绍说一下利用百度开源的echarts图表技术实现的具体功能. 1.对于不太理解echarts是个怎样技术的开发者来说,可以到echarts官网进行学习了解,官网有详细的API文档和实例供大家参考学习. 2.以下是我在工作中实现整理出来的实例源码: 公用的支持js文件 echarts.js.echarts.min.js,还有其他的图表需要支持的js文件也可以到官网下载 echa

zepto 获取select选中的值

jQuery中典型的方法: $('option[selected]') 不管用,因为selected并不是CSS标准. 因此,在zepto中想要获取select元素中选中的option,需采取如下方法: // get OPTION elements for which `selected` property is true $('option').not(function(){ return !this.selected }) 或者推荐 $("#ID").val() //获取选中的

javabean+servlet+jsp实现分页

前端实现用ligerUI实现分页,感觉用框架确实简单,闲着无聊,模拟着liger的分页界面实现了一遍(只要是功能,样式什么无视) 这里用基础的三层架构+servlet+jsp实现,思路很简单,把所有分页相关信息写入到一个pagebean类里面,service返回这个bean类,每次分页查询时都从该bean里查找信息.只是其中的细节问题比较繁琐,如边界处理(前端和后台边界都要处理),下拉框跳转后要显示当前页等等这是ligerUI实现的分页样式(实现过程我的上一篇博客有写)

web项目中js加载慢问题解决思路

最近使用Echarts地图(版本为echarts2,echarts3目前无法下载地图版). 问题描述:之前使用require形式加载,地图首次加载显示要6-7秒,难以接受. js配置代码如下: <div class="w_b50 fl bg_x" id="main"> <script type="text/javascript" src="<%=request.getContextPath()%>/js/d

javascript控制服务器控件实例一

最近多个页面需要加载一些下拉列表框,供用户选择,原来都是在服务器端进行加载应运用.最后由于业务逻辑方面的考虑,需要将DropDownList的部分功能放到客户端实现.现在下拉列表的功能使用起来感觉比全部放到服务器端性能好多了. 具体方法: 在页面中放入一个DropDownList控件,并添加一项,用来分析其产生的HTML代码,这样在使用js进行动态控制时,将会非常清晰其测试代码如下所示: <asp:DropDownList ID="DropDownList1" runat=

Pentester中的XSS详解

本次做的是Web For Pentester靶机里面的XSS题目,一共有9道题目. 关于靶机搭建参考这篇文章:渗透测试靶机的搭建第1题(无过滤措施) 首先在后面输入xss: http://10.211.55.16/xss/example1.php?name=xss 看到如下页面: 然后查看下源码: 感觉这里没有任何的防御措施,忍不住笑出了声. 有很多的标签里面都可以调用HTML的事件属性来弹窗,为了节约时间,下面我就列举出一些比较常用的手法. 利用基本的script标签来弹窗 Payload

html5学习笔记（audio）

来源于<HTML5高级程序设计> audio api <audio controls> controls告诉浏览器显示播放控件不指定 type 浏览器自解 oggMP3 type="audio/mpeg" mp4 type="video/mp4" <audio atoplay> atoplay 默认播放 <source src="xx.mp3" type="audio/mpeg"&g

常用的一些js事件及案例

比如金额需要显示的时候转换成有千分位,小数点后保留2位等.去编辑的时候,又要格式化,把逗号都去掉.网上找了段代码,但是再次编辑会有问题,修改了一下,代码如下: function outputMoney(number) { number=number.replace(/\,/g,""); if (number=="") return ""; if(number<0) return '-'+outputDollars(Math.floor(Ma

JS动态添加option和删除option

1.动态创建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option function addOption(){ //根据id查找对象, var

.NET网页打印以及使用打印需要注意的事项(可能会引起VS崩溃的现象、打印预览后关闭功能不管用)

这两天进行给网页添加打印.打印预览.页面设置的功能.遇到了以下几个问题 [1]在网上查找了一些打印方法,一开始还可以用,后来不知道动到了哪里,点击vs中拆分或者切换到另一个设计和源代码显示方式,就会引起VS崩溃并且提示VS遇到了问题,需要关闭让我整了一个下午都没搞定,连1.48G的VS SP1包都重新安装了好长时间.后来回到宿舍又试了试,嘿,你还别说,还真让我找着是哪里出问题了,[我把打印对象给删掉],切换设计视图时就不会有任何问题,就这一句代码可是删掉它我就没法打印了后来我找了一种方法,

JS实现选择不同select标签option值的验证

js实现不同select标签option值的验证功能描述: 选择中文时,匹配中文的正则表达式,选择英文选项是匹配英文的表达式,并且有对应的提示信息. html代码片段: <select id="word_type" name="S1"> <option value="0">中文</option> <option value="1">英文</option> </

js 操作select和option

js 操作select和option 1.动态创建select function createSelect(){ var mySelect = document.createElement_x("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option function addOption(){ //根

javascript 的button onclick事件不起作用的解决方法

在项目中遇到个问题:servlet向前端返回如下按钮,当course_ID为数字是onclick事件正常,但当course_ID含有字母时onclick事件就不起作用.网上找了很多方法都不管用,最后自己摸索到了一个方法,解决了问题. [权记于此] 有问题者: out.print("<td><input type='button' id='tb_delete_course_btn" + index + "' value='删

改变select组件的option选中状态的快捷方法

以前我都是在<option>标签处通过判断value是否与其中一个相同然后输出selected="selected"来处理的,今天发现可以直接能过Js改变<select>组件的value值来改变option的选中状态. <html> <select id="status" name="status" style="padding-left: 15px" class="i_w1

JS里的onclick事件

可以通过以下代码了解JS里的onclick事件: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style>