Question

我希望文本字段中的数据转移到弹出窗口，但是当我触发弹出窗口时，无论框中是什么，它都是空白的。

<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>

Answer 1

您忘记了"中的name="popupMess"。

function popup () {
    var text = document.querySelector("input[name='popupMess']").value;

    window.confirm(text);
}

Answer 2

<html>
 <head>
  <title>Popup</title>
 </head>
 <body>
  <button onclick="popup()">Click for popup</button>
  <input id="popupMess" type="text"><br>
 </body>
 <script>
  function popup() {
    alert(document.getElementById('popupMess').value);
  }
 </script>
</html>

Answer 3

嗨，这是我的jsfiddle演示功能

http://jsfiddle.net/7pjqfcvd/2/

你必须

使用Id
标记输入元素
```
<input type="text" id="popupMess"/>
```
使用document.getElementById调用中的id来获取输入元素
```
 var elem = document.getElementById("popupMess");
```
从元素中检索值并将其传递到消息框
```
window.confirm(elem.value);
```

Answer 4

但是如果你想使用名字，那就试试吧......

<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>

你如何在文本字段中使用数据？

4 个答案: