Поиск по сайту
Результаты поиска по тегам 'multiple'.
Найдено 2 результата
-
Начал разбираться с мультиселектом, понял принцип работы, нашел как реализовать, но столкнулся с проблемой. Проблема заключается в следующем: После выборки нужных нам <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 -
Проблема с кроссбраузерностью мультиселекта. Есть такой селект: <select class="b-task-status-execution" name="ts_status" multiple=""> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> .b-task-status-execution{ border:1px solid #abb1c2; font:normal 12px/16px Tahoma; width:150px; height:100px; } .b-task-status-execution option{ line-height:16px; } http://jsfiddle.net/nastyamn/kQ7ZC/1/ Нужно сделать чтобы не появлялся скролл,т.е. высота селекта была такой чтобы все пункты вмещались без прокрутки. Если прописывать высоту конкретную, то в ff нормально, в Opera и Chrome при такой высоте скролл появляется. Проверяла на другом компе при заданной высоте скролл в ff появляется. Можно ли как-то решить эту проблему? помогите плиз!)
