VPF::Калькулируемые поля - Форум программистов

Lacrima

Дата 13.6.2007, 15:46 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 24.2.2007

Репутация: нет
Всего: нет

Добрый день!

Есть, например, html-форма с тремя полями и кнопкой submit.

Код


<form name="form1" method="get" action="result.php">

<input name="amount" type="text" />
<input name="amount2" type="text" value="5.1" />
<input name="total" type="text" />
<input type="submit" />             

</form>

Как реализовать, чтобы пользователь ввел в поля amount и amount2 числовые данные, а в поле total автоматически отобразился результат каких-либо математических операций с введенными данными.

Например, поле 1 - Количество рублей
Поле 2 - Количество единиц продукции
Поле 3 - Всего (поле1 * поле2)

Сначала я думал, что это можно сделать с помощью php, но потом подумал и понял, что страница сначала должна отправиться на сервер для обработки php-кода, а затем только возвращается результат. Поэтому на php так сделать нельзя. Или можно? Или нужно использовать Javascript?

В общем, мне нужно, чтоб пользователь вводил данные в поля и тут же видел результат от своего ввода в последнем поле.
Подскажите, как это сделать?

Serkys

Дата 13.6.2007, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1061
Регистрация: 19.4.2004

Репутация: 4
Всего: 22

Это можно сделать и с помощью РНР, используя AJAX. Но гораздо проще, логичнее и умнее будет сделать с помощью JavaScript.
К примеру, вот так:

Код


function calculate()
{
  document.form1.total.value = document.form1.amount.value * document.form1.amount2.value;
}
<form name="form1" method="get" action="result.php">
  <input name="amount" type="text" />
  <input name="amount2" type="text" value="5.1" />
  <input name="total" type="text" />
  <input type="button" onclick="calculate()" />             
</form>

Не проверял, но должно работать.
Но лучше тебе будет обратиться в раздел по JavaScript.

Это сообщение отредактировал(а) Serkys - 13.6.2007, 15:56

Mymik

Дата 13.6.2007, 16:06 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1474
Регистрация: 12.5.2006
Где: Lamer-центер

Репутация: нет
Всего: 78

Lacrima,

Код


<form name="form1" method="get" action="result.php">
<input name="amount" id="amount" onchange="calc(this, 'amount2', 'total')" type="text" />
<input name="amount2" type="text" id="amount2" onchange="calc(this, 'amount', 'total')" value="5.1" />
<input name="total" id="total" readonly type="text" />
<input type="submit" />             
</form>

Код


function calc(firstField, secondField, sumField)
{
    var first = parseFloat(firstField.value);

    var second = parseFloat(document.getElementById(secondField).value);
    if(!isNaN(first) && !isNaN(second))
    {
       document.getElementById(sumField).value = first * second;
    }
}

--------------------

ICQ ::            857-857
E-mail ::         mymik[at]inbox[dot]ru
HomaPage ::  http://localhost/

:to_become_senile  :this

Lacrima

Дата 13.6.2007, 17:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 24.2.2007

Репутация: нет
Всего: нет

Спасибо большое!

Работает!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| PHP: Общие вопросы \| Следующая тема »