【JS】htmlの特定要素内で条件分岐を行いたい

質問

form等の特定のhtml要素を、同じページ内に複数設置する際、それぞれの挙動をJavaScriptによって管理したいと思っています。そのための条件分岐がJavaScriptで実現できるなら、たとえばどのような方法でそれが行えるのか教えていただけませんか。
よろしくお願いします。

回答No.2

t_ohta

どのようなイベントでJavaScriptを呼び出して管理したいのかにもよりますが、例えばフォームでボタンを押したときに何か処理をしたいのであれば
=== HTML =====
<input type="button" id="id01" value="show ID" oncick="hoge(this.id);">
==========
=== JavaScript =====
function hoge(id_value){
console.log(id_value);
}
==========
のような感じでエレメントのIDを取得できるので、そのIDを使って操作する事が可能です。

お礼

ありがとうございました。

補足

参考まで。https://uxmilk.jp/11596

回答No.1

AsarKingChang

idを振れば、別々のFORMの値として扱えますよ。
もちろん、form A→form BももちろんOKです。

お礼

ありがとうございました。

補足

たとえばidにせよ、分岐に使えるidの取得の仕方(あるいは取得したうえでの使い方)がわからないのですよ。