Цитата:
<html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function() { var coll = { '1': {'1': 20, '2': 40, '3': 80}, '2': {'1': 50, '2': 60, '3': 90} }, slc = $('select'); $('button').click(function() { $('#out').text(coll[slc.last().val()][slc.first().val()]) }); }); </script> </head> <body> <select> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> </select> <select> <option value="1">D</option> <option value="2">E</option> </select> <div id="out">20</div> <button>Рассчитать!</button> </body> </html> |
Всё супер)))
Только два вопроса: 1) Как jQuery сделать java? 2) Как сделать вывод результата только после нажатия на кнопку (результат выводится сразу при загрузке страницы)? |
Не знаю, как насчет java, а на JS
<html> <head> <meta charset="utf-8"> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function(){ var coll = { '1': {'1': 20, '2': 40, '3': 80}, '2': {'1': 50, '2': 60, '3': 90} }, slc = document.querySelectorAll('select'); document.querySelector('button').onclick = function() { document.querySelector('#out').innerText = coll[slc[1].value][slc[0].value]; }; }); </script> </head> <body> <select> <option value="1">A</option> <option value="2">B</option> <option value="3">C</option> </select> <select> <option value="1">D</option> <option value="2">E</option> </select> <div id="out"></div> <button>Рассчитать!</button> </body> </html> |
Спасибо огромное. Теперь то что надо.
Остальное уже сам доработаю))) |
Часовой пояс GMT +3, время: 05:15. |