Search the Community
Showing results for tags 'option'.
Found 9 results
-
Добрый день. Помогите решить проблемку. В chrom и Opera <select> <option>100g</option> </select> у g обрезаeтся хвостик.
-
Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная. Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option. Простите, если не совсем понятно и корректно выражаюсь!
-
Добрый день, помогите добиться следующего: Есть часть из кода: <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Грунтозацепы</option> <option value="3">Брус</option> </select> </td> </tr> Хотелось бы что бы при выборе "нет" в первом меню ниже предлагалось бы <option value="1">Нет</option> <option value="2">Грунтозацепы</option> в при выборе "да" <option value="1">Нет</option> <option value="3">Брус</option> Спасибо. От @klierik: клади, пожалуйста, код в теги. Иначе тема может не пройти модерирование
-
Здравствуйте. В макете попалась форма поиска в виде зависимого выпадающего списка, где сначала нужно выбрать "Brend" и в зависимости от выбранного бренда, выбрать "Product" , потом уже нажимать Submit. Вопрос заключается в том, как правильно верстать такие формы поиска, чтобы можно было дальше передать программистам ?
-
Добрый день. Хочу внутри тэга option записать текст вот в таком виде: Название моей опции +50г -1234рТ.е. с левой стороны - название опции, а справой - доп. информация, курсивом. Можно это как нибудь сделать? Тэг span внутри option игнорируется.
-
Начал разбираться с мультиселектом, понял принцип работы, нашел как реализовать, но столкнулся с проблемой. Проблема заключается в следующем: После выборки нужных нам <option> пытаюсь их отправить в созданную мною таблицу [table] в БД [multi] , но безрезультатно. ( Таблица содержит следующие ячейки: id(11) и select1 VARCHAR(255) SQL CREATE TABLE IF NOT EXISTS `table` ( `id` int(11) NOT NULL AUTO_INCREMENT, `select1` varchar(255) NOT NULL, PRIMARY KEY (`id`));PHP - index.php <?php$db = mysql_connect ("localhost","12345","12345");mysql_select_db ("multi",$db);mysql_query('SET NAMES utf8');mysql_query('SET CHARACTER SET utf8');?><!doctype html><html lang="en"><head><!-- Encoding utf8--><meta charset="utf-8"><!-- Meta, title, CSS, favicons, etc. --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- disable iPhone inital scale --><meta name="viewport" content="width=device-width; initial-scale=1.0"><!-- Name site --><title>Мультиселект</title><!-- Description --><meta name="Description" content=""><!-- Keywords --><meta name="Keywords" content=""><style type="text/css"> .holder { width:200px; float:left; } #add,#remove { display:block; width:100px; border:1px solid #ccc; background:#eee; padding:10px; } select { margin:0 0 10px 0; width:150px; font:12px tahoma; padding:5px; height:300px; } option { padding:10px; }</style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function(){//========================================================================// Убираем пункты из главного списка //---------------------------------------------- // Используя кнопки $('#remove').click(function() { move_option('#select1','#select2'); }); //---------------------------------------------- //---------------------------------------------- // По двойному клику $('#select1 option').live('dblclick',function(){ $(this).appendTo('#select2'); }); //----------------------------------------------//========================================================================//========================================================================// Добавляем пункты в первый список //---------------------------------------------- // Используя кнопки $('#add').click(function() { move_option('#select2','#select1'); }); //---------------------------------------------- //---------------------------------------------- // По двойному клику $('#select2 option').live('dblclick',function(){ $(this).appendTo('#select1'); }); //----------------------------------------------//========================================================================//========================================================================// Считаем, что в главном списке находится перечень нужных нам материалов// При клике на submit выделяем все пункты в главном списке $('#select_all').click(function(){ $('#select1 option').attr('selected', 'selected'); });//========================================================================}); function move_option(id_1, id_2){ $(id_1+' option:selected').each(function(el) { // у элемента id_1 собираем выбранные опции (option:selected) и на каждую (each) из них вешанм ф-цию $(this).appendTo(id_2); // внутрь id_2 вставляем выбранные ранее опции });}</script></head><body style="overflow-y: scroll;"><form action="" method="post"><div class="holder"> <select multiple="multiple" id="select1" name="select1[]"></select> <a href="javascript:;" id="remove">>></a></div><div class="holder"> <select multiple="multiple" id="select2"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> <option value="6">Option 6</option> </select> <a href="javascript:;" id="add"><<</a></div><input id="select_all" type="submit" name="submit333"/></form><!-- ОБРАБОТЧИК--><?phpif ($_REQUEST['submit333']) { print_r($_POST['select1']);//заносим введенный пользователем логин в переменную $login, если он пустой, то уничтожаем переменную//заносим введенный пользователем пароль в переменную $password, если он пустой, то уничтожаем переменную// если такого нет, то сохраняем данные$result2 = mysql_query ("INSERT INTO `table` (select1) VALUES('$select1')");// Проверяем, есть ли ошибкиif ($result2=='TRUE'){echo "добавленно";}else {exit ("отказанно"); //останавливаем выполнение сценариев } } ?> </body></html>Ссылка на все файлы, архив: https://drive.google.com/file/d/0B0Udvr_35FCoTHFudTRlNnJLMEk/edit?usp=sharing -
Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.
-
Добрый день. Я еще зеленый... Есть такой скрипт. http://jsfiddle.net/V2tG4/3/ Смысл в том что я хочу стилями спрятать основной option и стилизовать его по-своему. Для этого в переменную h я поместил текст активного option. Дальше мне надо его обернуть в див .skinned-text и добавить в начало .skinnde-wrapper. Или же сам текст поместить в уже написаный в коде див. Не получается у самого, пишет что не объект а как сделать объектом? Благодарю за любую помощь.
-
Доброго времени суток! Задача: Собственно, сабж. Есть select (не multiple), внутри каждого option должны быть звёздочки. Как сейчас: С добавлением & #9733; в нормальных браузерах работает: http://f.cl.ly/items...y2W02/stars.png А "всеми любимый" браузер (IE8) этого понять не смог: http://f.cl.ly/items...h0g/starsie.png Что пробовал: Поэтому решил юзать FontAwesome. Понятно, что html-код внутрь option'а не запихнёшь поэтому пытался сделать так: <select> <option class="starz"></option> </select> .starz { font-family: FontAwesome; content: '\f005'; } Но увы, это тоже не сработало. FontAwesome не принципиален – рассмотрю любые варианты. Главное чтобы решение было кроссбраузерно. Спасибо.
