Всем доброго дня, столкнулся с такой проблемой, мне нужно что-бы после того как пользователь выбрал причину поломки ему выдало цену на ремонт и кнопку консультации. Как привязать событие onchange к последнему выбору, дабы выдавало результат в div. Знаний не много, но просто позарез нужно. Прошу извинить если не совсем правильно выразился.
var created = 0;
function displayAccordingly {
if (created == 1) {
removeDrop();
}
//Вызов меню
var mainMenu = document.getElementById('mainMenu');
//Создания нового меню
var whereToPut = document.getElementById('myDiv');
var newDropdown = document.createElement('select');
var onchange = document.createElement('displayResultat');
newDropdown.setAttribute('id',"newDropdownMenu");
whereToPut.appendChild(newDropdown);
newDropdown.innerHTML= settings[s1.value].options;
newDropdown.onchange=function(){
result.innerHTML=settings[s1.value].cost[e.target.value];// это мы устанавливаем цену
qq=result.parentNode.appendChild(document.createElement("a"));
qq.href=settings[s1.value].url;
if (mainMenu.value == "PC") { //Стационар
var optionApple=document.createElement("option");
optionApple.text="-------";
newDropdown.add(optionApple,newDropdown.options[null]);
var optionApple=document.createElement("option");
optionApple.text="Не запускается";
newDropdown.add(optionApple,newDropdown.options[null]);
var optionBanana=document.createElement("option");
optionBanana.text="Глючит Windows";
newDropdown.add(optionBanana,newDropdown.options[null]);
} else if (mainMenu.value == "NOTE") { //Ноутбук
//
var optionSpinach=document.createElement("option");
optionSpinach.text="Не запускается";
newDropdown.add(optionSpinach,newDropdown.options[null]);
//
var optionZucchini=document.createElement("option");
optionZucchini.text="Чистка от пыли";
newDropdown.add(optionZucchini,newDropdown.options[null]);
} else if (mainMenu.value == "PLAN") { //Планшет
var optionZucchini=document.createElement("option");
optionZucchini.text="Прошивка";
newDropdown.add(optionZucchini,newDropdown.options[null])
var optionZucchini=document.createElement("option");
optionZucchini.text="Ремонт";
newDropdown.add(optionZucchini,newDropdown.options[null])
} else if (mainMenu.value == "TEL") { //Телефон
var optionZucchini=document.createElement("option");
optionZucchini.text="Ремонт";
newDropdown.add(optionZucchini,newDropdown.options[null])
var optionZucchini=document.createElement("option");
optionZucchini.text="Прошивка";
newDropdown.add(optionZucchini,newDropdown.options[null])
}
created = 1
}
function removeDrop() {
var d = document.getElementById('myDiv');
var oldmenu = document.getElementById('newDropdownMenu');
d.removeChild(oldmenu);
}
<select class='btn btn-primary' id="mainMenu" onchange="displayAccordingly()">
<option value="">--</option>
<option value="PC">Компьютер</option>
<option value="NOTE">Ноутбук</option>
<option value="PLAN">Планшет</option>
<option value="TEL">Телефон</option>
</select>
<div id="myDiv"></div>
<!-- Итог -->
<tr>
<td width="250" class="td_result">ИТОГО:</td>
<td class="td_result"><div id="result">0</div> руб.</td>