Wie setze ich variable Daten in ein div Jquerymobile

Ich versuche, die Variablen aus meinem Formular zu bekommen und sie in ein div, aber aus irgendeinem Grund wird es nicht funktionieren, bitte helfen aus irgendeinem Grund, wie ich es mache funktioniert für eine normale HTML-Seite, so bin ich nicht sicher, wie es für eine JQuery Mobile-SeiteWie setze ich variable Daten in ein div Jquerymobile

HTML arbeiten zu machen:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Home</title> 
<link href="../jquery-mobile/jquery.mobile.theme-1.3.0.min.css" rel="stylesheet" type="text/css"> 
<link href="../jquery-mobile/jquery.mobile.structure-1.3.0.min.css" rel="stylesheet" type="text/css"> 
<script src="../jquery-mobile/jquery-1.11.1.min.js"></script> 
<script src="../jquery-mobile/jquery.mobile-1.3.0.min.js"></script> 
</head> 

<body> 
<div data-role="page" id="page_home"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    </div> 
    <div data-role="content"> 
    <ul data-role="listview"> 
     <li><a href="#page_form">Form</a></li> 
     <li><a href="#page_div">Div</a></li> 
     <li><a href="#page_info">Info</a></li> 
    </ul> 

    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

<div data-role="page" id="page_form"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    <a href="#back" data-icon="back" data-rel="back" data-role="button">terug</a> 

    </div> 
    <div data-role="content"> 
    <form id="filldiv"> 
    <input type="text" id="div1" /> 
    <input type="text" id="div2" /> 
    <input type="text" id="div3" /> 
    <button onclick="ChangeText(); return false;">Submit</button> 
    </form>l 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

<div data-role="page" id="page_info"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    <a href="#back" data-icon="back" data-rel="back" data-role="button">terug</a> 
    </div> 
    <div data-role="content"> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

<div data-role="page" id="page_div"> 
    <div data-role="header"> 
    <h1>Header</h1> 
    <a href="#back" data-icon="back" data-rel="back" data-role="button">terug</a> 
    </div> 
    <div data-role="content"> 
    <div class="empty" id="Div5"> 
    Text goes here 
    </div> 
    </div> 
    <div data-role="footer"> 
    <h4>Footer</h4> 
    </div> 
</div> 

</body> 
</html>

Javascript-Code:

function ChangeText() 
{ 
      // Plaats de tekst in de pagina 
      var test1 = document.getElementById('div1').value; 
      var test2 = document.getElementById('div2').value; 
      var test3 = document.getElementById('div3').value; 
      var test = test1 + "</br>" + test2 + "</br>" + test3; 
      document.getElementById('Div5').innerHTML = test; 
}

Quelle

2017-02-15 Twan Nieborg

Mögliche Duplikat dieser Frage: javascript- function not defined error

versuchen Sie dies:.

<div data-role="page" id="page_form"> 
 
     <div data-role="header"> 
 
     <h1>Header</h1> 
 
     <a href="#back" data-icon="back" data-rel="back" data-role="button">terug</a> 
 

 
     </div> 
 
     <div data-role="main"> 
 
     <form id="filldiv"> 
 
     <input type="text" id="div1" /> 
 
     <input type="text" id="div2" /> 
 
     <input type="text" id="div3" /> 
 
     <button onclick="ChangeText(); return false;">Submit</button> 
 
     </form>l 
 
     </div> 
 
     <div data-role="footer"> 
 
     <h4>Footer</h4> 
 
     </div> 
 
     <div data-role="page"> 
 
     <script> 
 
      function ChangeText() 
 
      { 
 
       // Plaats de tekst in de pagina 
 
       var test1 = document.getElementById('div1').value; 
 
       var test2 = document.getElementById('div2').value; 
 
       var test3 = document.getElementById('div3').value; 
 
       var test = test1 + "</br>" + test2 + "</br>" + test3; 
 
       document.getElementById('Div5').innerHTML = test; 
 
      } 
 
     </script> 
 
     <!-- the rest of your stuff --> 
 
    </div>

Quelle

2017-02-15 20:06:48

Nutzung innerhtml oder te xt anstelle von Wert für das ausgewählte Element/div.

Quelle

2017-02-15 19:55:11

document.getElementById ('Div5') innerHTML- = test; Sie meinen so? wie ich habe –

Nein. Ihr Variablentest ist leer. Ich möchte den Wert für test123 auswählen ... Sie könnten console.log() verwenden, um die Werte Ihrer Variablen in jeder Zeile zu überprüfen. –

Nun, wenn es leer wäre, würde es den Text im Div mit Leere ersetzen, im Moment tut es einfach nichts –

Wie setze ich variable Daten in ein div Jquerymobile

Antwort

Verwandte Themen