简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> hujung hadapan web> html tutorial> teks badan

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

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

目标处理函数为selectAttr（test）

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

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

2.传递某属性值

 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：
HTML js
sumber：php.cn
Artikel sebelumnya：cucumber生成html的报告实现步骤 Artikel seterusnya：html各个版本doctype详细介绍
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
Artikel terbaru oleh pengarang
Isu terkini
Manfaatkan komponen VueJS dalam PHP Saya mahu mencampurkan HTML asas yang dijana oleh komponen Php dan VueJS tanpa perlu mengg...
daripada 2023-11-11 00:01:44
0
2
288
Bagaimana untuk menggunakan tag primitif terbuka dalam js 13 seterusnya? Dalam kemas kini NextJS13 baru-baru ini, mereka memperkenalkan cara baharu mengendalikan t...
daripada 2023-11-10 23:03:51
0
1
527
Pengirim PHP tidak berfungsi: tiada log ralat, mesej mengatakan dihantar tetapi tidak diterima Saya tidak menerima sebarang log ralat dalam log ralat php pelayan web saya. Saya telah me...
daripada 2023-11-10 15:02:39
0
1
218
v-date-picker untuk memilih bulan dan tahun sahaja Sila beritahu saya jika ada cara lain untuk melakukan ini menggunakan v-date-picker. Saya ...
daripada 2023-11-10 14:05:05
0
1
269
Tajuk yang ditulis semula ialah: SweetAlert2: parameter "onBeforeOpen" tidak diketahui Saya menggunakan Laravel5.8 dengan Sweetalertv2 dan saya cuba mencetuskan makluman ini pad...
daripada 2023-11-10 09:39:01
0
1
257
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！