neutron
-
Posts
6 -
Joined
-
Last visited
neutron's Achievements
Explorer (1/14)
0
Reputation
-
up
-
Спасибо за помощь, но с JQuery не вариант. При подключение jQuery что-то конфликтует и нужный функционал сайта не работает. На простом JS не получилось рализовать, несмотря на помощь Great Rash
-
чувствую себя тупым <html> <head> </head> <body> <script language="JavaScript" type="text/javascript"> function showElem(contId, id, tag) { var container = document.getElementById(cont.id); var elems = container.getElementsByTagName(tag); for (var i = 0; i < elems.length; i++) { elems[i].style.display = 'none'; } document.getElementById(id).style.display = 'block'; } </script> <select id="test" name="test" onchange="showElem('container', this.value, 'div')"> <option value="a1_54">1/54</option> <option value="a2_54">2/54</option> <option value="a3_54">3/54</option> <option value="a4_54">4/54</option> </select> <div id="container"> <div id="a1_54" style="display: none">1/54</div> <div id="a2_54" style="display: none">2/54</div> <div id="a3_54" style="display: none">3/54</div> <div id="a4_54" style="display: none">4/54</div> </div> </body> </html> Сделал так, ничего не работает
-
Я это и делаю первый раз на яваскрипте))) Допустим обернул я дивы в контейнер. <div id="container"> <div id="a1_54" style="display: none">1/54</div> <div id="a2_54" style="display: none">2/54</div> <div id="a3_54" style="display: none">3/54</div> <div id="a4_54" style="display: none">4/54</div> </div> Что дальше сделать, извините уж, не понял. точнее принцип понял, а как сделать -нет, расскажите пожалуйста подробнее
-
<html> <head> </head> <body> <select name='Count' onchange="document.getElementById(this.value).style.display='block';"> <option>размер</option> <option value="a1_54">1/54</option> <option value="a2_54">2/54</option> <option value="a3_54">3/54</option> <option value="a4_54">4/54</option> </select> <div id="a1_54" style="display: none">1/54</div> <div id="a2_54" style="display: none">2/54</div> <div id="a3_54" style="display: none">3/54</div> <div id="a4_54" style="display: none">4/54</div> </body> </html> Вот так заработало. Но я не учел что при смене select новый div показывается, но старый не убирается... Надо функцию писать?
-
Добрый день. Пробую сделать такую вещь, но не выходит: Есть страница: <html> <head> </head> <body> <select name='Count'> <option value="1/54">1/54</option> <option value="2/54">2/54</option> <option value="3/54">3/54</option> <option value="4/54">4/54</option> </select> <div id="1/54" style="display: none">1/54</div> <div id="2/54" style="display: none">2/54</div> <div id="3/54" style="display: none">3/54</div> <div id="4/54" style="display: none">4/54</div> </body> </html> Подскажите пожалуйста, как сделать так, чтоб при выборе из select значения (например 1/54) мне показывался div с этим id ?