Javascript函数不能运行ASP.NET MVC [英] Javascript function not working ASP.NET MVC

问题描述

我在每个循环中使用Button，为基于ID的按钮创建了用于单击功能的java脚本。但是第一个按钮只能工作。其他按钮不工作。如何解决？



我尝试了什么：



每个循环里面的按钮

I am using Button inside for each loop,created java script for click function for that button based on ID.But first button only working.other buttons not working.How to solve?

What I have tried:

Button inside for each loop

<button class="plan-button"id="demo" >Choose Plan</button>

Javascript

Javascript

document.getElementbyId('demo').addEventListener('click', function (e) {
                handler.open();
                e.preventDefault();
  });

推荐答案

id应该是唯一的，如果你有多个具有相同id的按钮，那么你认为哪个元素是document.getElementbyI d（'demo'）会参考？它必须只选择一个，所以它选择第一个而忽略其余的。最简单的解决方案是使用一个类来识别元素而不是一个id

ids are supposed to be unique, if you have multiple buttons with the same id then which element do you think document.getElementbyId('demo') will refer to? It has to select only one so it is selecting the first and ignoring the rest. The easiest solution to this is to use a class to identify the elements rather than an id

<button class="plan-button demo">Choose Plan</button>

然后更改你的js;

then change your js;

var el = document.getElementsByClassName("demo");
for (var i = 0; i < el.length; i++)
{
    el[i].addEventListener('click', function (e) {
        handler.open();
        e.preventDefault();
    });
}

如果你可以使用jQuery那么这些东西就容易多了。

If you can use jQuery then these things are much easier.

这篇关于Javascript函数不能运行ASP.NET MVC的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！