Публикация переменной JS из формы HTML - PullRequest
Новая
       0

Публикация переменной JS из формы HTML

1 голос
/ 17 июня 2011

Я немного новичок.

Я пытаюсь опубликовать некоторые данные в переменной JavaScript на моем сервере.

Iv огляделся по сторонам, и из того, что я понял, мне нужно поместить это как часть формы? есть ли способ скрыть эту форму?

Поместить ли я эту информацию в раздел значения формы?

Например. 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Namespace</title>

    <script type="text/javascript" charset="utf-8">

        functionAddPostData(){

        var name = "Christopher";
        var last = "Bar";

       var formInfo = document.forms['info'];

       name = formInfo.elements["first"].innerHTML;
        last = formInfo.elements["surname"].innerHTML;

      }</script>

     </head>
     <body>
     <form action="script.php" method="post" allign="bottom">
        <label for="info"> 
            <input type="text" name="first" value="" size ="40" />
        <input type="text" name="surname" value="" size ="60" />
            <input type= "submit" name="submitted" value="info" allign="middle"/>

     </form>  
     </body>
     </html>

Это моя лучшая догадка? Я иду в правильном направлении? Есть ли способ скрыть поля формы?

Ответы [ 2 ]

2 голосов
/ 17 июня 2011

В коде, который вы разместили, есть пара ошибок, поэтому он не работает. Уже поздно, поэтому вместо построчного анализа я опубликую измененную версию, которую вы можете просмотреть. Я бы порекомендовал прочитать руководство по HTML, например W3 Schools , а также пройти хорошее руководство по javascript (например, Webmonkey . Cheers. 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Namespace</title>

<script type="text/javascript" charset="utf-8">

    function AddPostData(){

    var name = "Christopher";
    var last = "Bar";

   var formInfo = document.forms['info'];

   name = formInfo.elements["first"].value;
    last = formInfo.elements["surname"].value;

  alert(name + ' ' + last);

  }</script>

 </head>
 <body>
 <form id="info" action="script.php" method="post" align="bottom">
    <p>For</p> 
        <input type="text" name="first" value="" size ="40" />
    <input type="text" name="surname" value="" size ="60" />
        <input type= "submit" name="submitted" value="info" align="middle" onclick="AddPostData();"/>

 </form>  
 </body>
 </html>
1 голос
/ 17 июня 2011

Используйте скрытые поля для публикации данных на сервере, если вы не хотите показывать текстовое поле в пользовательском интерфейсе. 

<input type="hidden" name="first" value="" size ="40" />

Вам следует установить для onSubmit формы значение functionAddPostData, которое будет вызываться при отправкеформа.Кроме того, форма должна иметь имя atttibute, поскольку вы пытаетесь получить к ней доступ по имени.

Значения элемента формы должны быть установлены следующим образом: 

var formInfo = document.forms['info'];

formInfo.first.value = name;
formInfo.surname.value = last;
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...