欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-01 19:24:40
...
目标处理函数为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详解及实例的详细内容,更多请关注其它相关文章!

相关标签: HTML js