javascript C# MVC使用jquery读取div内的值

w80xi6nr 于 2023-03-11 发布在 Java

关注(0)|答案(2)|浏览(102)

我正在开发一个应用程序在ASP.NET核心MVC6。
我有一个动态呈现对象的Razor页面。
假设我在页面中动态创建了这两个Divs

<div id="A1">
         <input type="text" id="SearchSSN" />
        <input type="text" id="SearchLastName" />
    </div>
    <div id="A2">
         <input type="text" id="SearchSSN" />
        <input type="text" id="SearchLastName" />
    </div>
<a href="#" onclick="Search()" class="nav-link px-4 py-4" title="Show All"></a>

当我用javascript调用Search()函数时，我想读取每个Div内的值

function Search() {
-- to read value from Object
var SSN: $("#SearchSSN").val(),
}

但我想读取每个Div中的值
就像

$("#A1").("#SearchSSN").val()
$("#A2").("#SearchSSN").val()

我该怎么做？
谢谢

JavaScript

来源：https://stackoverflow.com/questions/75690184/c-sharp-mvc-read-value-inside-a-div-using-jquery

2条答案

按热度按时间

edqdpe6u1#

像这样修改Search()方法

function Search() {
    var A1_SSN = $("#A1").find("#SearchSSN").val();
    var A1_LastName = $("#A1").find("#SearchLastName").val();

    var A2_SSN = $("#A2").find("#SearchSSN").val();
    var A2_LastName = $("#A2").find("#SearchLastName").val();

    // do something
}

赞(0）回复(0）举报 2023-03-11

but5z9lq2#

可以使用querySelectorAll找到所有div，然后使用map将值拉入数组，使用querySelector找到div中的输入。
下面是一个示例，当您单击“搜索”时，它只会将值记录到控制台

function Search() {
  const divs = document.querySelectorAll('div[id^=A]');
  var values = [...divs].map((div) => div.querySelector('#SearchSSN').value)
  console.log(values);
}

<div id="A1">
  <input type="text" id="SearchSSN" />
  <input type="text" id="SearchLastName" />
</div>
<div id="A2">
  <input type="text" id="SearchSSN" />
  <input type="text" id="SearchLastName" />
</div>
<div id="A3">
  <input type="text" id="SearchSSN" />
  <input type="text" id="SearchLastName" />
</div>
<div id="A4">
  <input type="text" id="SearchSSN" />
  <input type="text" id="SearchLastName" />
</div>
<a href="#" onclick="Search()" class="nav-link px-4 py-4" title="Show All">Show All</a>

赞(0）回复(0）举报 2023-03-11

我来回答

javascript C# MVC使用jquery读取div内的值

2条答案

相关问题

热门标签

最新问答