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

高洛峰
Lepaskan: 2017-03-28 11:40:34
asal
1484 orang telah melayarinya

目标处理函数为selectAttr(test)

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

onclick="selectAttr('1');
onclick="selectAttr('a');
Salin selepas log masuk

2.传递某属性

<input type="text" id="nameId" name="typeName">
onclick="selectAttr(typeName.value);
onclick="selectAttr(nameId.value);
Salin selepas log masuk

3.传递this对象

onclick="selectAttr(this);
Salin selepas log masuk

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

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

document方式获取:

var divs=document.getElementById("typeName1");
 var x=divs.getAttribute("code");
Salin selepas log masuk

code为自定义属性。

jqery方式获取:

$("#typeName").attr("value"); 
var typeName=$("#sel").find("option:selected").attr("code");
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan