Форум Сайтостроение Веб-строительство

При клике на celect перекидывает вверх как убрать ?

L
На сайте с 18.02.2012
Offline
83
l17l
1019

Проблема с селектом, на сайте блоки с товаром, если кликать на те что ниже идут, селект там выбор размеров, так вот если кликать то перекидывает на верх страницы, как это убрать ?


.select {
margin-top: 26px;
text-transform: uppercase;
margin-left: -3px;
}
.selectBox {
background: transparent;
width: 304px;
padding: 6px;
height: 30px;
line-height: 30px;
border: 3px solid #fff;
font-size: 18px;
text-align:center;
text-shadow:1px 1px 2px #fff;
color:#666;
background-color:#F6F6F6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khml-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 10px 10px #eee inset;
}
.selectBox:hover {
color:#000;
text-shadow:1px 1px 2px #fff;
background-color: #95DAF9;
}
.selectBox-label {
padding: 0 0px 0 5px;
text-align:center;
}
.selectBox-dropdown-menu {
position: absolute;
list-style: none;
font-size: 16px;
line-height: 30px;
background-color:#F6F6F6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khml-border-radius: 10px;
border-radius: 10px;
text-align:center;
margin-top: 3px;
padding: 0px;
border: 3px solid #fff;
-webkit-box-shadow: 0px 17px 6px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 17px 6px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 17px 6px 0px rgba(50, 50, 50, 0.75);
}
.selectBox-dropdown-menu li {
display: block;
border-bottom: 1px solid #fff;
box-shadow: 0 10px 10px #eee inset;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khml-border-radius: 10px;
border-radius: 10px;
}
.selectBox-dropdown-menu li a {
display: block;
padding: 0 2px;
color: #666;
text-decoration: none;
cursor: pointer;
}
.selectBox-dropdown-menu li a:hover {
color: #000;
text-decoration: none;
background: #95DAF9;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khml-border-radius: 10px;
border-radius: 10px;
font-weight: bold;
}
D8
На сайте с 16.06.2007
Offline
74
dm8
#1

css здесь ни причем

дайте урл

L
На сайте с 18.02.2012
Offline
83
l17l
#2

сайт на компе, он разрабатывается !

celect, там с .js

подгрузил js

txt jquery.selectBox.txt
L
На сайте с 18.02.2012
Offline
83
l17l
#3

как бы так изменить, что бы не надо было кликать, просто навел мышкой и вылез весь список и выбрал ! ну и что бы вверх не перекидывало.

project33
На сайте с 30.04.2011
Offline
94
project33
#4

в том же select есть параметр size, например size="10" покажет сразу 10 строк, ничего никуда не перекидывает, выбирай что хочешь

дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#5

Загрузи нужную страницу на http://jsfiddle.net/ или на тестовый сайт. Быстрее помогут.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
L
На сайте с 18.02.2012
Offline
83
l17l
#6
project33:
в том же select есть параметр size, например size="10" покажет сразу 10 строк, ничего никуда не перекидывает, выбирай что хочешь

не это не то, он тупо показывает ))

просто у меня щас так, нажимать надо и он выводит список, а было бы хорошо навел мышку и он раскрыл список выбора.

---------- Добавлено 07.05.2014 в 12:53 ----------

дани мапов:
Загрузи нужную страницу на http://jsfiddle.net/ или на тестовый сайт. Быстрее помогут.

вбил там поля, но где результат пусто !

Спрашиваем и отвечаем по Dle кодировка сохранения файла Тема для сбора нововведений
L
На сайте с 18.02.2012
Offline
83
l17l
#7

забыл добавить что есть еще вот такой код js

<script type="text/javascript"> $(document).ready(function() { $("select").selectBox(); }); </script>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий