У меня три переменные. Два являются серверной частью базы данных:
$base_duration = $arr['adzone_buyandsell_duration']
а также
$base_price = $price['price']
оба являются int
. Третий будет вводиться пользователем: <input type="text" name="duration" value="">
Мне нужно предварительно выполнить вычисление: $cal_price = $base_duration/$base_price * user_input
мне нужно иметь возможность перейдите $cal_price
назад, чтобы иметь возможность взимать с пользователя правильную цену. Я довольно хорошо знаком с php, но не знаю, как выполнить этот расчет в режиме реального времени, а не при отправке формы.
Когда первые два значения изменяются только при загрузке или обновлении страницы, нет необходимости в вызове AJAX.
Добавьте на свою страницу следующий код:
<script>
$('document').ready(function(){
$('#duration').change(function(){
var base_duration = <?= $arr['adzone_buyandsell_duration'] ?>;
var base_price = <?= $price['price'] ?>;
var userInput = $('#duration').val();
var cal_price = base_duration / base_price * userInput;
$('#calPrice').html(cal_price);
});
});
</script>
Он добавит вычисленный результат в div с id calPrice
и вы должны calPrice
поле ввода duration
id
Я создал jsFiddle для вас, чтобы увидеть код в его полной славе. Я просто использовал фиктивные данные для ваших переменных php.
https://jsfiddle.net/03e3t137/
Убедитесь, что вы добавили jQuery на свою страницу, добавив следующую строку в <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>