За последние 24 часа нас посетили 18303 программиста и 1637 роботов. Сейчас ищут 1723 программиста ...

Копирование значения в определенные поля всех форм

Тема в разделе "JavaScript и AJAX", создана пользователем Dzen7, 28 ноя 2012.

  1. Dzen7

    Dzen7 Активный пользователь

    С нами с:
    18 фев 2012
    Сообщения:
    10
    Симпатии:
    0
    Добрый день!

    Подскажите пожалуйста, имеем на одной странице несколько форм:

    <form action=script.php method=post>
    <input type=hidden name=ID value=1>
    <input type=text name=Znachenie value=''>
    <input type=submit value=отправить>

    <form action=script.php method=post>
    <input type=hidden name=ID value=2>
    <input type=text name=Znachenie value=''>
    <input type=submit value=отправить>

    <form action=script.php method=post>
    <input type=hidden name=ID value=3>
    <input type=text name=Znachenie value=''>
    <input type=submit value=отправить>

    и т.д.

    значение value='' в переменной Znachenie задается для каждого ID руками.
    Можно ли каким-либо образом сделать надформу или еще как-то, чтобы было общее поле ввода - "Установить значение value= для всех форм в поле Znachenie", куда введя данные, мы автоматически бы заполнили этими данными ВСЕ поля с именем Znachenie ВСЕХ форм?
    то есть чтобы не вводить в каждую форму в поле Znachenie цифру 5. А ввести её где-либо вне этих форм, и чтобы она тут же прописалась во всех полях переменной Znachenie?
    Можно на примере показать?
     
  2. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    Можно написать функцию на JavaScript, которая будет брать значение какого-нибудь инпута и распихивать его в какое-нибудь скрытое поле, которое будет у всех форм на странице. Соответственно, вызывать эту функцию всякий раз, как текстовый инпут был изменён.

    Добавлено спустя 12 минут 1 секунду:
    Код (Text):
    1. <html>
    2.     <head>
    3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    4.         <title>Тест форм</title>
    5.         <script type="text/javascript">
    6.             function updateForms() {
    7.                 var i = false, j = false;
    8.                 var value = document.getElementById('myValue').value;
    9.                 var body = document.getElementsByTagName('body')[0];
    10.                 var forms = body.getElementsByTagName('form');
    11.                 var inputs = [];
    12.                 for(i in forms) {
    13.                     inputs = forms[i].getElementsByTagName('input');
    14.                     for(j in inputs) {
    15.                         if(inputs[j].name === 'Znachenie')
    16.                             inputs[j].value = value;
    17.                     }
    18.                 }
    19.             }
    20.         </script>
    21.     </head>
    22.     <body>
    23.         <input type="text" name="myValue" id="myValue" value="" onkeyup="javascript:updateForms();" />
    24.         <br />
    25.         <br />
    26.         <form action="script.php" method="post">
    27.             <input type="hidden" name="ID" value="1" />
    28.             <input type="text" name="Znachenie" value="" />
    29.             <input type="submit" value="отправить" />
    30.         </form>
    31.         <form action="script.php" method="post">
    32.             <input type="hidden" name="ID" value="2" />
    33.             <input type="text" name="Znachenie" value="" />
    34.             <input type="submit" value="отправить" />
    35.         </form>
    36.         <form action="script.php" method="post">
    37.             <input type="hidden" name="ID" value="3" />
    38.             <input type="text" name="Znachenie" value="" />
    39.             <input type="submit" value="отправить" />
    40.         </form>
    41.     </body>
    42. </html>