Javascript 如何使用文本字段中的数据？_Javascript_Html

Javascript 如何使用文本字段中的数据？

javascript html

Javascript 如何使用文本字段中的数据？,javascript,html,Javascript,Html,我希望文本字段中的数据传输到弹出窗口，但当我触发弹出窗口时，无论框中有什么内容，它始终为空 <html> <head> <title>Popup</title> </head> <body> <button onclick="popup()">Click for popup</button> <input type="text" name=popupMess><br

我希望文本字段中的数据传输到弹出窗口，但当我触发弹出窗口时，无论框中有什么内容，它始终为空

<html>
 <head>
  <title>Popup</title>
 </head>
 <body>
  <button onclick="popup()">Click for popup</button>
  <input type="text" name=popupMess><br>
 </body>
 <script>
  function popup() {
     window.confirm(name.popupMess);
  }
 </script>
</html>


弹出窗口
点击弹出窗口


函数popup（）{
window.confirm（name.popupMess）；
}

您忘记了

name=“popupMess”

中的

“


弹出窗口
点击弹出窗口


函数popup（）{
警报（document.getElementById（'popupMess'）.value）；
}

嗨，这是我的JSFIDLE，它演示了该功能

你必须

用Id标记输入元素

<input type="text" id="popupMess"/>

从元素中检索值并将其传递到messagebox

window.confirm(elem.value);

但如果你想用这个名字，试试这个

<html>
 <head>
  <title>Popup</title>
 </head>
 <body>
  <button onclick="popup()">Click for popup</button>
  <input type="text" name=popupMess><br>
  <script>

  function popup() {
     var d = document.getElementsByName("popupMess");
     window.confirm(d[0].value);
  }

 </script>
 </body>
</html>


弹出窗口
点击弹出窗口


函数popup（）{
var d=document.getElementsByName（“popupMess”）；
窗口。确认（d[0]。值）；
}

首先，请原谅名称中的“”，即name=“popupMess”应在正文中移动，并将

name.popupMess

替换为

document.querySelector（“input[name='popupMess']”）。value

尝试窗口。确认（document.getElementsByName（“popupMess”）[0]。value）；

 var elem = document.getElementById("popupMess");

window.confirm(elem.value);

<html>
 <head>
  <title>Popup</title>
 </head>
 <body>
  <button onclick="popup()">Click for popup</button>
  <input type="text" name=popupMess><br>
  <script>

  function popup() {
     var d = document.getElementsByName("popupMess");
     window.confirm(d[0].value);
  }

 </script>
 </body>
</html>