首页 > web前端 > html教程 > HTML通过事件传递参数到js详解及实例

HTML通过事件传递参数到js详解及实例

高洛峰
发布: 2017-03-28 11:40:34
原创
1507 人浏览过

目标处理函数为selectAttr(test)

1.直接传递给定参数如:

onclick="selectAttr('1');
onclick="selectAttr('a');
登录后复制

2.传递某属性

<input type="text" id="nameId" name="typeName">
onclick="selectAttr(typeName.value);
onclick="selectAttr(nameId.value);
登录后复制

3.传递this对象

onclick="selectAttr(this);
登录后复制

通过this对象获取对应选项值:this.value or this.name;

如果是自定义属性可以通过以下方式获取:

document方式获取:

var divs=document.getElementById("typeName1");
 var x=divs.getAttribute("code");
登录后复制

code为自定义属性。

jqery方式获取:

$("#typeName").attr("value"); 
var typeName=$("#sel").find("option:selected").attr("code");
登录后复制

以上是HTML通过事件传递参数到js详解及实例的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板