Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8

Применить стиль к select-у

10.08.2015, 22:46. Показов 938. Ответов 17
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет, есть форма выбора города. исполнена в виде трех select каждый подгружается после выбора. Имеется следующий скрипт.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
function regionChange()
{
   
    $(this).nextAll("select").remove();
 
    
    var selects = $(this).siblings("select").andSelf();
    var id = 0;
    var names = new Array();
    for (i = 0; i < selects.length; i++)
    {
        sel = selects[i];
        if (sel.value > 0)
        {
            id = sel.value;
            name = sel.options[sel.selectedIndex].text;
            names.push(name);
        }
    }
    $(".mls_id").val(id);
    $(".mls_name").val(name);
    $(".mls_names").val(names.join("\t"));
 
    
    if (this.value > 0)
    {
        var _self = this;
        var url = SITE_URL + '/index.php........';
        $.getJSON(url, {'pid':this.value}, function(data){
            if (data.done)
            {
                if (data.retval.length > 0)
                {
                    $("<select><option>" + lang.select_pls + "</option></select>").change(regionChange).insertAfter(_self);
                    var data  = data.retval;
                    for (i = 0; i < data.length; i++)
                    {
                        $(_self).next("select").append("<option value='" + data[i].region_id + "'>" + data[i].region_name + "</option>");
                    }
                }
            }
            else
            {
                alert(data.msg);
            }
        });
    }
}
Вопрос заключается в том, как подключить стиль родительского select'a остальным select 'ам, или назначить каждому индивидуальный?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
10.08.2015, 22:46
Ответы с готовыми решениями:

Применить стиль для отдельного слова
есть такая тема,у меня есть таблица и вот к примеру в есть одно слово которое часто повторяется,например ячейка с надписью WS PROD как...

Как применить к полю стиль?
Добрый день! Подскажите пожалуйста, как применить к полю стиль? На странице есть поле для выбора даты(на JQuery). Стили Bootstrap. ...

Как можно в textarea применить ::first-line, или как к первой строки применить стиль, внутри данного элемента
Да и вообще, для этого можно ли еще что-либо вложить в данный элемент, кроме как текста? Добавлено через 2 часа 3 минуты вопрос...

17
не Администратор ^_^
 Аватар для Unick
988 / 223 / 23
Регистрация: 03.05.2009
Сообщений: 1,493
Записей в блоге: 1
11.08.2015, 00:40
pipitos, стиль? css тебе в помощь... для этого существуют классы

P.s. судя по теме Как добавить ссылку в последний select
это лабораторная работка? где учитесь?)
0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
12.08.2015, 21:05  [ТС]
В том то и дело, что у родителя есть свой стиль в CSS, но при появлении следующего select ему задается стандартный стиль, не такой как у родителя.
0
не Администратор ^_^
 Аватар для Unick
988 / 223 / 23
Регистрация: 03.05.2009
Сообщений: 1,493
Записей в блоге: 1
18.08.2015, 10:29
pipitos, и как ты стили задал для родителя?
0
18.08.2015, 11:04

Не по теме:

Цитата Сообщение от Unick Посмотреть сообщение
это лабораторная работка
а разве в лабараторках можно использовать jquery?

0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
18.08.2015, 12:57  [ТС]
Bootstrap3 помог мне в этом.
0
18.08.2015, 13:07

Не по теме:

ненавижу эти "движки", бесят

0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
18.08.2015, 13:14  [ТС]
Хороший движок, что не нравится то можно поправить и дописать.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.08.2015, 13:20
Цитата Сообщение от pipitos Посмотреть сообщение
Хороший движок
а знаете, что лучше???
а я знаю - лучше руки и голова
тут тебе всё, что не нравится можно взять и самому с нуля написать, без этой квери и вообще всего, можно просто подумать чуть-чуть напечатать, и вот красивый, короткий и РАБОЧИЙ код
0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
18.08.2015, 15:29  [ТС]
Можно, но зачем изобретать велосипед? Когда можно и так исполнить задуманное к тому же уже адаптированную под все устройства. Каждому своё...
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.08.2015, 16:00
pipitos, адаптивно под все устройства jquery???
ни черта подобного,
а если под все устройства, то можно подумать и о том, что в этом коде ты используешь то, что будет работать быстрее на нативке, а библиотеку тут ну уж точно можно не использовать

Добавлено через 2 минуты
ты лишний раз нагружаешь инет на методы, которые тут не используются
ты используешь 1% из всего, что может делать jquery
а я начинаю использовать только тогда, когда использую хотя бы ~10%
а последнее время вообще перестал пользоваться, поскольку анимацию уже и сам сделал

Добавлено через 6 минут
а основной метод поиска я записал вообще в несколько строк
JavaScript
1
2
3
function query(a,t){
    return [].slice.call((t||document).querySelectorAll(a));
}
а дальше нативный, красивый код, я думаю что если твой код заменить на нативный с этой функцией, то он не сильно больше станет, а быстрее это да
0
 Аватар для Worse
26 / 22 / 4
Регистрация: 24.10.2011
Сообщений: 166
18.08.2015, 23:10
JavaScript
1
ChildName.document.className = "ParentClassName"
Чтобы добавить новый class name не удаляя предыдущий className :
JavaScript
1
NameOfElement.document.className += " ClassName" // Пробел обязательно перед ClassName
0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
18.08.2015, 23:23  [ТС]
А в какое место это вставить? сори, я в этом не очень понимаю, поэтому и спрашиваю.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
18.08.2015, 23:41
Цитата Сообщение от Worse Посмотреть сообщение
Чтобы добавить новый class name не удаляя предыдущий
не поверите есть более элегантный способ
JavaScript
1
NameOfElement.document.classList.add("ClassName"); // и это никогда два одинаковых класса на 1 элемент не поставит
0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
28.08.2015, 23:41  [ТС]
Я так и не понял что да куда? Я в этом деле новичок, но пытаюсь разобраться, что к чему.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
29.08.2015, 08:24
Футы нуты меня сбили и я перепутал местами в коде
надо так
JavaScript
1
document.getElementById(idOfElement).classList.add("ClassName")
Вот это хотябы валидно
Но это не о
0
0 / 0 / 0
Регистрация: 10.08.2015
Сообщений: 8
30.08.2015, 00:17  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
Футы нуты меня сбили и я перепутал местами в коде
надо так
Код JavascriptВыделить код
1
document.getElementById(idOfElement).cla ssList.add("ClassName")
Вот это хотябы валидно
Но это не о
А можно как-то по-подробней, так сказать для "мало понимающих", что и куда?
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
30.08.2015, 21:21
хорошо
вы в css задаёте стиль каждому select по классу примерно так
CSS
1
2
3
.my-select-class{
    /*тут ваш стиль*/
}
а потом в определённый момент, когда захотите просто присваиваете вашему select класс "my-select-class" скриптом, который я примёл выше
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.08.2015, 21:21
Помогаю со студенческими работами здесь

Применить стиль к кнопке
Файл Style: &lt;resources&gt; &lt;!-- Base application theme. --&gt; &lt;style name=&quot;AppTheme&quot;...

Применить стиль в не зависимости от вложенности
Здравствуйте! Мне нужно применить мой стиль ко всем тегам &lt;img src='url/pic.gif' class='pic'/&gt; в контейнере &lt;div...

Не могу применить стиль к меню
Создал дополнительное меню в шаблоне wordpress (вид на сайте как 1, 2, 3, 4) и хочу чтобы оно было в том же стиле как и основное, но не...

Применить стиль только к tbody
Объявляю стиль таблицы tr:hover{ background:#F9F; cursor:pointer; } TABLE {background:white; border-collapse: collapse; } TH...

Применить стиль к родительскому элементу
Применить стиль к родительскому элементу Всем привет, подскажите пожалуйста. Вот есть такой код &lt;label...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru