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

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

19.01.2019, 14:37. Показов 1125. Ответов 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
6496 / 3907 / 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
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru