Вы можете добавить при изменении события для основного раскрывающегося списка и после изменения сгенерировать другие значения для раскрывающихся списков.
Пример:
$( "#mainSelect" ).change(function() {
var val = $(this).val();
//now you compare the value and generate the other 2 drop downs.
//(Just showing one comparison, you can do the other else if statements)
if (val == "32% NaoH") {
//First remove the options that is currently in the select
$("#fdm option").remove();
//Now you can add the options for the select as you want to.
$("#fdm").append('<option value="yourValue">yourText</option>');
//Do the same for your second select
$("#tdm option").remove();
$("#tdm").append('<option value="yourValue">yourText</option>');
}
});
Это с использованием чистого JQuery.Если вы хотите использовать какой-то PHP (вам не нужно), вы можете сделать то, что @yasoh прокомментировал ваш вопрос.
Надеюсь, что это имело смысл и помогло.Goodluck!
РЕДАКТИРОВАНИЕ:
HTML:
<form action="#" method="POST" id="calculations">
<select name="firstSelect">
<option value="value1">value1Text</option>
<option value="value2">value2Text</option>
<option value="value3">value3Text</option>
</select>
<select name="secondSelect">
<option value="value1">value1Text</option>
<option value="value2">value2Text</option>
<option value="value3">value3Text</option>
</select>
<input type="submit" value="POST VALUES">
</form>
jQuery: (запрос ajax)
$('#calculations').submit(function(e){
e.preventDefault();
var form = $('#calculations');
$.ajax({
url: '/includes/do_calculations.php',
data: form.serialize(),
dataType: 'JSON',
type: "POST",
success: function(data) {
if (data.status == "Success") {
var answer = data.answer; //getting the answer variable from the back-end.
}
},
});
})
back-end:
Возьмите такие значения в качестве back-end:
$firstValue = trim(strip_tags($_POST['firstSelect']));
$secondValue = trim(strip_tags($_POST['secondSelect']));
$answer = $firstValue + $secondValue; //Just an example
Теперь вы можете использоватьзначения в переменных, чтобы сделать ваши расчеты по мере необходимости.Как только вы закончите, вы можете просто вернуть его обратно.
$response['status'] = 'Success';
$response['answer'] = $answer; // You are posting the answer back and then you can use it in your front-end again.
echo json_encode($response);