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

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

高洛峰
高洛峰原创
2017-03-28 11:40:341476浏览

目标处理函数为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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn