Я создаю форму калькулятора, чтобы люди могли рассчитать стоимость эксплуатации электроприборов. Например, они могут выбрать устройство из раскрывающегося списка, и это должно предварительно заполнить текстовые поля цифрами, необходимыми для расчета. Вот форма:
<form action = "<?php echo $_SERVER['PHP_SELF']; ?>" method = "POST">
<label>Appliance</label>
<select id="list" >
<option value="select">Select</option>
<option value="dishwasher">Dishwasher</option>
<option value="iron">Iron</option>
</select>
<label>Watts</label> <input name="watts" /><br>
<label>Hours</label> <input name="hours" /> <br>
<label>Price</label> <input name="price" /> <br>
<label>Number</label> <input name="number" /> <br>
<label>Total</label> <input name="total" value="" id="total"></input>
</form>
Когда пользователь выбирает устройство, я хочу, чтобы поля ввода заполнялись примерно так:
case 'dishwasher':
$('input[name="watts"]').val('1200');
$('input[name="hours"]').val('20');
$('input[name="price"]').val('10');
$('input[name="number"]').val('1');
Затем сделайте некоторые расчеты по цифрам:
kilowatts = watts / 1000;
kwhours = kilowatts * hours;
costpounds = kwhours * price / 100;
total = costpounds * number
и поместите итог в общее поле в форме, идея состоит в том, чтобы также позволить пользователю изменять цифры или даже просто добавлять свои собственные в форму и общее обновление соответственно. Я могу заставить работать все отдельные части, но недостаточно хорошо знаю jquery, чтобы собрать все вместе. Помощь будет принята с благодарностью. Спасибо!