如何访问包含弹出窗口的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（）