Запрет на редактирование всех элементов на странице, select option, textarea, input text

@Алекс_ · Регистрация: 16.03.2015

Студворк — интернет-сервис помощи студентам

Помогите пожалуйста, необходимо сделать так чтобы при клике на кнопку сработала функция и все элементы были заблокированы(disabled), а до этого они доступны для ввода текста и выбора(select), есть 3 textarea, 1 select option и 1 input text.
вот примерчик, чтоб облегчить задачу:

HTML5
1
2
3
4
5
6
7
8
9
10
11
<form>
<textarea>1</texatrea>
<textarea>2</texatrea>
<textarea>3</texatrea>
<input type="text" value="текст"> 
<select> 
   <option>4</option>
   <option>5</option>
</select>
<input type="submit" value="Заблокировать">
</form>

буду благодарен за помощь

@Lazy_Den · 13.05.2015, 17:03

Алекс_, пример в песочнице

JavaScript
1
2
3
4
5
6
document.querySelector('form').addEventListener('submit', function(e){
    e.preventDefault();
    [].forEach.call(this.elements, function(el){
        el.disabled = true;
    });
}, false);

@Алекс_ · 13.05.2015, 20:50 **[ТС]**

Lazy_Den, спасибо, большое))
а можно сделать, чтобы скрипт автоматически запускалась, без кнопки??

Добавлено через 6 минут

Сообщение от Алекс_

запускалась

запускался*

@Lazy_Den · 13.05.2015, 21:06

Сообщение от Алекс_

а можно сделать, чтобы скрипт автоматически запускалась, без кнопки??

Можно. Вы хотите чтоб элементы блокировались при загрузке страницы?

JavaScript
1
2
3
4
5
window.addEventListener('DOMContentLoaded', function (e) {
    [].forEach.call(document.querySelector('form').elements, function (el) {
        el.disabled = true;
    });
}, false);

@Алекс_ · 13.05.2015, 21:35 **[ТС]**

Lazy_Den, при условии выполнения условного оператора php, должен запускаться скрипт
спасибо

Добавлено через 9 минут
Lazy_Den, немного не так работает как нужно, вот скрин, необходимо чтоб disabled применялся ко всем полям таблицы, а не к одной, данные берутся и базы циклом while

Запрет на редактирование всех элементов на странице, select option, textarea, input text

@Lazy_Den · 13.05.2015, 21:43

Сообщение от Алекс_

необходимо чтоб disabled применялся ко всем полям таблицы

При чем тут таблица? У меня сложилось ощущение, что мы говорили о форме и её элементах. Показывайте html-разметку относящейся к данному вопросу и без php.

@Алекс_ · 13.05.2015, 21:48 **[ТС]**

Сообщение от Lazy_Den

При чем тут таблица?

ну у меня просто табличная верстка, вот и я заговорился. В каждой <td> таблицы лежит текстовое поле textarea.

PHP/HTML
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
<table class="table" border="1" cellpadding="0" cellspacing="0">
        <tr>
          <th>Код</th>
          <?if ($user['роль'] != 2):?>
          <th>Сохранение</th>
          <th>Удаление</th>
          <?endif;?>
          <th>Наименование</th>
          <th>Год выпуска</th>
          <th>Дата ввода в эксплуатацию</th>
          <th>Производитель</th>
          <th>Страна</th>
          <th>Закупочная стоимость</th>
          <th>Остаточная стоимость</th>
          <th>Модель</th>
          <th>Порядок</th>
        </tr>
         <?php while ($row2 = mysql_fetch_array($res2)):?>
 
        <form  method="POST" name="myForm" id="myForm">
          <input type="hidden" name="update" value="<?=$row2['id']?>"/>
          <tr>
            <th><?= $row2['id']?></th>
            <?if ($user['роль'] != 2):?>
            <td><input class="submit_s" type="submit" name="submit_edit" value="Сохранить" title="кнопка будет неактивной, пока не будут затронуты данные..." disabled></td>
            <td><input class="submit_d" type="submit" name="submit_delete" value="Удалить" onClick="return confirm('Оборудование не будет удалено, если оно задействовано в какой-либо заявке.\n\nВы подтверждаете удаление?');"></td>
            <?endif;?>
            <td><textarea class="textarea1" name="Наименование" ><?=$row2['Наименование']?></textarea></td>
            <td><textarea class="textarea1" name="ГодВыпуска" ><?=$row2['ГодВыпуска']?></textarea></td>
            <td><input class="textarea1 inp_data" name="ДатаВводаВЭксплуатацию" readonly="readonly" value="<?=$row2['ДатаВводаВЭксплуатацию']?>" onclick="showcalendar(this)"></td>
            <td><textarea class="textarea1" name="Производитель" ><?=$row2['Производитель']?></textarea></td>
            <td><textarea class="textarea1" name="Страна" ><?=$row2['Страна']?></textarea></td>
            <td><textarea class="textarea1" name="ЗакупочнаяСтоимость" ><?=$row2['ЗакупочнаяСтоимость']?></textarea></td>
            <td><textarea class="textarea1" name="ОстаточнаяСтоимость" ><?=$row2['ОстаточнаяСтоимость']?></textarea></td>
            <td><textarea class="textarea1" name="Модель" ><?=$row2['Модель']?></textarea></td>
            <td><textarea class="textarea1" name="Порядок" ><?=$row2['Порядок']?></textarea></td>
          </tr>
        <?endwhile;?>
         </form>
    </table>

Добавлено через 1 минуту
Lazy_Den, вот такая таблица

@Lazy_Den · 13.05.2015, 21:55

Алекс_, "В пределах страницы не может быть два и более элементов с одинаковым id", - если бы мне платили каждый раз за эту фразу, то я бы уже был миллионером. Во-вторых, просил же без php.
Изменяем id на классы и пишем:

JavaScript
1
2
3
4
5
6
7
window.addEventListener('DOMContentLoaded', function (e) {
    [].forEach.call(document.querySelectorAll('.myForm'), function (form) {
        [].forEach.call(form.elements, function (el) {
            el.disabled = true;
        });
    });
}, false);

@Алекс_ · 13.05.2015, 22:07 **[ТС]**

Lazy_Den, спасибо еще раз, сейчас поменяю все повторяющиеся на классы

Добавлено через 2 минуты
Lazy_Den, заработало все

Новые блоги и статьи Все статьи Все блоги /
Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита табличной части. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .
Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем

@Алекс_ 1 / 1 / 0 Регистрация: 16.03.2015 Сообщений: 79
	13.05.2015, 21:35 [ТС]
	Lazy_Den, при условии выполнения условного оператора php, должен запускаться скрипт спасибо Добавлено через 9 минут Lazy_Den, немного не так работает как нужно, вот скрин, необходимо чтоб disabled применялся ко всем полям таблицы, а не к одной, данные берутся и базы циклом while 0

@Алекс_ 1 / 1 / 0 Регистрация: 16.03.2015 Сообщений: 79
	13.05.2015, 22:07 [ТС]
	Lazy_Den, спасибо еще раз, сейчас поменяю все повторяющиеся на классы Добавлено через 2 минуты Lazy_Den, заработало все 0

Опции темы

Запрет на редактирование всех элементов на странице, select option, textarea, input text

Решение