如何訪問包含彈出窗口的JavaScript中的表單元素

Question

如何在JavaScript中使用id="namesignup"訪問輸入？

我嘗試使用

console.log("Result :"+ $$('.popup-signup-email #namesignup'));
document.getElementById(namesignup)

兩者都無法正常工作..請問我該如何訪問輸入中的數據？ 請幫忙

<div data-page="signup" class="page no-navbar">
<!-- Begin: Page Content -->
<div class="page-content">
<div class="content-block"> </div>
<div class="content-block">
<p>
<button class="button big"><span>Connect with Facebook</span></button>
</p>
<p>
<button class="button"><span>Connect with Google</span></button>
</p>
<p>
<a href="#" class="button open-popup" data-popup=".popup-signup-email">
<span>Sign Up with Email</span>
</a>
</p>
</div>
</div>
<!-- End: Page Content -->

<!-- Begin: Popup -->
<div class="popup tablet-fullscreen popup-signup-email">
<div class="toolbar">
<div class="toolbar-inner">
<div class="left">
<a href="#" class="link disabled"></a>
</div>
<div class="center">Sign Up</div>
<div class="right">
<a href="#" class="link close-popup">
</a>
</div></div></div>

<div class="container">
<div class="content-block"> </div>
<form name="signup-email" action="#" method="POST" enctype="multipart/form-data">
<div class="list-block no-hairlines">
<ul>
<li>
<div class="item-content">
<div class="item-media"></div>
<div class="item-inner">
<div class="item-input">
<input id="namesignup" type="text" name="name" placeholder="Name" required />
</div>

Answer 1

1. 確保已配置jQuery並使用別名進行檢查。 默認情況下，$是jQuery的別名。 如果配置正確，下面的代碼將起作用，

   $（'＃namesignup'）。val（）

2）如果您使用本機JavaScript，

document.getElementById('namesignup').value

Answer 2

試試下面的代碼。 此代碼在namesignup查找更改並將其打印在控制台中，

 <div data-page="signup" class="page no-navbar"> <!-- Begin: Page Content --> <div class="page-content"> <div class="content-block"> </div> <div class="content-block"> <p> <button class="button big"><span>Connect with Facebook</span></button> </p> <p> <button class="button"><span>Connect with Google</span></button> </p> <p> <a href="#" class="button open-popup" data-popup=".popup-signup-email"> <span>Sign Up with Email</span> </a> </p> </div> </div> <!-- End: Page Content --> <!-- Begin: Popup --> <div class="popup tablet-fullscreen popup-signup-email"> <div class="toolbar"> <div class="toolbar-inner"> <div class="left"> <a href="#" class="link disabled"></a> </div> <div class="center">Sign Up</div> <div class="right"> <a href="#" class="link close-popup"> </a> </div></div></div> <div class="container"> <div class="content-block"> </div> <form name="signup-email" action="#" method="POST" enctype="multipart/form-data"> <div class="list-block no-hairlines"> <ul> <li> <div class="item-content"> <div class="item-media"></div> <div class="item-inner"> <div class="item-input"> <input id="namesignup" type="text" name="name" placeholder="Name" required /> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script> $("#namesignup").keyup(function(){ console.log($("#namesignup").val()); }); </script> 

Answer 3

正如其他人在以后的文章中提到的：

必須使用document.getElementById('namesignup').value代碼，但是如果您有多個帶有'namesignup'ID的DOM，則此代碼將返回具有此ID的第一個元素值。

如果您使用的是Google Chrome瀏覽器，請按F12->轉到元素標簽->搜索“名稱簽名”。

確保您有一個具有此ID的元素。

Answer 4

1. 在javascript中使用document.getElementById（“ namesignup”）。value
2. 在jQuery中使用$（“＃namesignup”）。value（）