Показать сообщение отдельно
  #1 (permalink)  
Старый 01.06.2015, 14:26
Интересующийся
Отправить личное сообщение для bloodmoneys Посмотреть профиль Найти все сообщения от bloodmoneys
 
Регистрация: 01.06.2015
Сообщений: 12

Сделать downlist с выдачей результат в div
Всем доброго дня, столкнулся с такой проблемой, мне нужно что-бы после того как пользователь выбрал причину поломки ему выдало цену на ремонт и кнопку консультации. Как привязать событие 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>
Ответить с цитированием