confusedtushar Ответов: 4

Я хочу отображать данные формы на одной странице с помощью javascript

мне нужен полный html,javascript код для отображения данных формы на одной странице

Что я уже пробовал:



<title>тестовый ввод

функция testVariable() {
var strText = document.getElementById("textone");
document.write(strText.value);
var strText1 = document.getElementById("textTWO");
document.write(strText1.value);
}







4 Ответов

Рейтинг:
2

Karthik_Mahalingam

Код,

<!DOCTYPE html>
<html>
<head>
    <script>
        function testVariable() {
            var strText = document.getElementById("textone").value;          
            var strText1 = document.getElementById("textTWO").value;
            var result = strText + ' ' + strText1;
            document.getElementById('spanResult').textContent = result;
             
        }
    </script>
</head>
<body> 
    <input type="text" id="textone" />
    <input type="text" id="textTWO" />
    <button  onclick="testVariable()">Submit</button> <br />
    <span id="spanResult">

    </span>
   
     
</body>
</html>

Рейтинг:
1

Member 13910325 

<form name="frm">
     <input name="name" type="text" id="name" placeholder="Enter Your Name" required>
 
<input name="number" id="number" type="text" pattern="[789][0-9]{9}" placeholder="Enter Your Mobile Number" required>  

  <button style="font-size: 22px;" value="submit" onClick="myFunction()" type="submit">Submit</button>
    
            <div id="popcode"></div>
          </form>


функция myFunction() {
var a,b,currdate,d,n;
а= document.ФРМ.текст.значение;
Б=а.подстрока(0,2);
var currdate = новая дата();

var currdate= currdate.getDate() + "+ (currdate.getMonth()+ 1) + " + String(currdate.getFullYear()).substr(2);
ВАР д = новая дата();
ВАР П = Д.getSeconds();
document.getElementById("popcode").innerHTML =b+currdate+n;

}

CHill60

ОП сказал "данные", а не "дата"

Рейтинг:
0

F-ES Sitecore

Не используйте document.write. Если вы хотите добавить контент на страницу, вам нужно работать с DOM. Например, в Google "create div javascript" или "create span javascript" вам в основном нужно создать элемент, содержащий ваш текст, и добавить этот элемент в ту часть страницы, которую вы хотите отобразить.

В качестве альтернативы у вас есть div\span, в котором вы хотите, чтобы текст появился уже на странице, и просто обновите его

document.getElementById("myDiv").innerHTML = strText.value;

confusedtushar

не могли бы вы показать мне полный рабочий код?

F-ES Sitecore

http://lmgtfy.com/?q=create+див+яваскрипт

Рейтинг:
0

ishan_shah 

<pre><!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function testVariable() {
            debugger
            var strText = document.getElementById("txtName").value;
            var strText1 = document.getElementById("txtEmail").value;
            document.getElementById("p1").innerHTML = strText;
            document.getElementById("p2").innerHTML = strText1;

        }
    </script>
</head>

<body>
    <form>

        <input type="text" name="Name" id="txtName" placeholder="Name">
        <input type="text" name="Email" id="txtEmail" placeholder="Email">
        <input type="button" value="Submit" id="btnSubmit" onclick="testVariable()">
    </form>
    <div>
        <p id="p1"></p>
        <p id="p2"></p>
    </div>
</body>

</html>