Rumah  >  Artikel  >  hujung hadapan web  >  HTML通过事件传递参数到js详解及实例

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

高洛峰
高洛峰asal
2017-03-28 11:40:341474semak imbas

目标处理函数为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");

Atas ialah kandungan terperinci HTML通过事件传递参数到js详解及实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn