javascript - 如何使用javascript访问隐藏的输入

Question

我想做的是访问 div 中的隐藏对象。发生的事情是用户将单击按钮，然后该按钮将执行某些任务，例如删除用户。如果我展示我拥有的东西，这可能会更容易。

<div class="mgLine">
    <input type="hidden" name="tenentID" value="1">
    <p class="mgName">James Gear</p>
    <input type="text" class="mgBill" value="" placeholder="Post Bill Link Here">
    <a href="#" class="mgButton" onclick="alertTest(this)">Submit Bill</a>
    <a href="#" class="mgNP">Not Paid</a>
    <a href="#" class="mgButton">Change Password</a>
    <a href="#" class="mgButton">Delete User</a>
</div>

我希望系统做的是在按下“提交账单”时提醒它从隐藏字段中获取的值。

function alertTest(e){
//e.parentNode
window.alert(e.parentNode.getElementsByTagName("tenentID")[0]);
}

我正在尝试使用 JavaScript DOM 来访问该元素。我希望这至少有一定的道理。页面上会有很多这样的条目。

Answer 1

您需要使用 getElementsByName 而不是 getElementsByTagName

function alertTest(e){
//e.parentNode
window.alert(document.getElementsByName("tenentID")[0]);
}

getElementsByTagName 用于根据其标签(如 div、输入等)选择元素。

getElementsByName

getElementsByTagName

意识到您可能有多个 div 部分并且您的隐藏输入是您可以使用这些的第一个 child :-

e.parentNode.getElementsByTagName("input")[0].value;

或

e.parentNode.firstElementChild.value;

如果它不是 firstCHild 并且你知道它的位置那么你可以使用

e.parentNode.children(n).value; //n is zero indexed here

Fiddle