2015-01-16 4 views
3

Я хочу, чтобы данные в текстовом поле передавались во всплывающее окно, но когда я запускаю всплывающее окно, оно всегда пустое, независимо от того, что находится в поле.Как вы используете данные в текстовом поле?

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

Прежде всего, вы прощаете «» по имени, будет name = «popupMess» – ppascualv

+2

должен переместить

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

Привет вот мой jsfiddle, который демонстрирует функциональность

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

вы должны

  1. маркировать входной элемент с Id

    <input type="text" id="popupMess"/> 
    
  2. использовать идентификатор в document.getElementById вызова, чтобы получить входной элемент

    var elem = document.getElementById("popupMess"); 
    
  3. извлечения значения из элемента и передать его в MessageBox

    window.confirm(elem.value); 
    
0

Но еще если вы хотите использовать имя, то попробуйте это ...

<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> 
Смежные вопросы