Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
52 / 18 / 11
Регистрация: 27.03.2013
Сообщений: 789

Создание элемента input и добавление свойства "readonly"

19.01.2019, 14:37. Показов 1173. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
*функция создания элемента страницы, с массивом атрибутов для создаваемого элемента,
а также создаваемый элемент, создается внутри другого элемента*/
function createElemWithAttrsIntoElem(elem, attributes, intoElem) {
    $(elem, attributes).appendTo(intoElem);
}
 
var selectorInputTxt = "inputTxt";
 
 
function createInputForTxt(){
 
    createElemWithAttrsIntoElem('<input>', {
        class: selectorInputTxt,
        placeholder: 'Ввод текста', /*подсказка в поле ввода*/
        maxlength: "15"/*максимальное количество элементов в поле ввода*/
        readonly : 'true'
    },
    'body')
}
readonly : 'true

Дaнный код работает, за исключением того, что когда добавляю

JavaScript
1
 readonly : 'true'
так то же не работает

JavaScript
1
 readonly : ' readonly '
тогда все перестает работать , элемент не создается.

Также есть атрибут : required, как подобные атрибуты можно оформить ?

Как добавлять такие элементы в таком массиве ?

Добавлено через 20 минут
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function createInputForTxt(){
 
    createElemWithAttrsIntoElem('<input>', {
        class: selectorInputTxt,
        placeholder: 'Ввод текста', /*подсказка в поле ввода*/
        maxlength: "15",/*максимальное количество элементов в поле ввода*/
        ['readonly']: false,
        ['required']: true,
        ['size']: "50"
    },
    'body')
}
решено.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
19.01.2019, 14:37
Ответы с готовыми решениями:

Добавление свойства с input в объект
Нужно к уже готовому объекту с 5 свойствами по нажатии кнопки добавить из 2 input напрямую в object как новое свойство. Из первого input ...

Не меняются свойства элемента input, путь правильный
Добрый день, в общем столкнулся на днях с одной проблемой, с которой сталкивался уже не раз, и хочу все-таки попросить мнения насчет нее....

Изменение свойства readonly
Здравствуйте. У меня есть форма и поле textarea с установленным readonly Мне нужно, чтобы при нажатии на кнопку форма становилась...

2
Эксперт JS
6497 / 3908 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
19.01.2019, 18:07
Направление у Вас было верное - через свойства JS. Надо только сократить запись:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
        var selectorInputTxt = "inputTxt";
        createInputForTxt();
 
        /*функция создания элемента страницы, с массивом атрибутов для создаваемого элемента,
        а также создаваемый элемент, создается внутри другого элемента*/
        function createElemWithAttrsIntoElem(elem, attributes, intoElem) {
            $(elem, attributes).appendTo(intoElem);
        }
 
        function createInputForTxt() {
            createElemWithAttrsIntoElem("<input>", {
                class: selectorInputTxt,
                placeholder: "Ввод текста", /*подсказка в поле ввода*/
                maxlength: "15", /*максимальное количество элементов в поле ввода*/
                readonly: false,
                required: true,
                size: "50"
            },
                "body");
        }
1
52 / 18 / 11
Регистрация: 27.03.2013
Сообщений: 789
19.01.2019, 20:28  [ТС]
Цитата Сообщение от amr-now Посмотреть сообщение
readonly: false, required: true, size: "50"
ваш код работает также и на IE, если использовать [ .... ], тогда IE не покажет ни одного контейнера из-за этой ошибки.

Это лучше чем я указал.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.01.2019, 20:28
Помогаю со студенческими работами здесь

Tab останавливается на input readonly
При переключении клавиiей Tab, когда доходит до input readonly, останавливается и на следующие блоки не переходит. Можно ли как-то...

Изменение свойства ReadOnly редактора Edit
Я хочу, чтобы при выборе одного значения из RadioBox свойству ReadOnly редактора Edit присваивалось значение False. А при выборе второго -...

Свойства VM типа ObservableCollection<T> - почему должны быть ReadOnly?
Уважаемый Элд Хасп, практически во всех ваших ответах по WPF, которые касаются свойств VM, существует совет вот такого типа: Не могли...

Бинарное дерево: создание, добавление элемента и удаление элемента
Задача: Построить бинарное дерево, реализовать добавление в него элемента с сохранением упорядоченности и удаление, также с сохранением...

Сбрасываются свойства подчиненной формы при открытии основной в ReadOnly
Обыкновенная составная форма, в подчиненной - ленточная форма. Обе формы и главная и подчиненная имеют в свойствах 'Да' на изменение,...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru