Как собрать значения placeholder тега input в массив и удалить лишние пробелы в них?

Ссылка скопирована
1 ответ

Необходимо собрать значения placeholder тега input c классом "search-title" в массив и удалить лишние пробелы, затем заменить на беспробельные значения с помощью javascript, ниже пример кода с пробелами:

<input type="text" class="search-title" placeholder="      Мощность     "> <input type="text" class="search-title" placeholder="  Напряжение "> <input type="text" class="search-title" placeholder=" Частота радиоволн  "> <input type="text" class="search-title" placeholder="Размер  ">

<input type="text" class="search-title" placeholder=" Мощность "> <input type="text" class="search-title" placeholder=" Напряжение "> <input type="text" class="search-title" placeholder=" Частота радиоволн "> <input type="text" class="search-title" placeholder="Размер ">

Дополнительно:

Ну зачем вы всегда пытаетесь удалить зуб через задницу. Это же неудобно и неправильно.
Выводите в плейсхолдеры сразу нормальные строки, еще на сервере.

  • Для извращенцев:
    document.querySelectorAll('input[placeholder]').forEach(input => {   const placeholder = input.getAttribute('placeholder');   input.setAttribute('placeholder', placeholder.trim()); });

    document.querySelectorAll('input[placeholder]').forEach(input => { const placeholder = input.getAttribute('placeholder'); input.setAttribute('placeholder', placeholder.trim()); });

  • Сергей delphinpro, Я тоже такого же мнения как и вы, но я исползую сторонний cms. я ввожу нормальные данные, а он их генерирует в html вот с такими пробелами, поэтому приходится искать такие решения.
  • koala_7, не важно. нужно источник проблемы исправлять, а не последствия.
  • Сергей delphinpro, спасибо! работает.
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Сергей Миронов Ответ

    Для сбора значений placeholder тега input в массив и удаления лишних пробелов в них, необходимо использовать JavaScript. Ниже представлен пример кода на JavaScript, который выполняет эту задачу:

    ```html

    Placeholder Values to Array

    function getPlaceholders() {
    let inputs = document.querySelectorAll("input");
    let placeholders = [];

    inputs.forEach(input => {
    let value = input.placeholder.trim();
    if (value !== "") {
    placeholders.push(value);
    }
    });

    console.log(placeholders);
    }

    ```

    В этом примере, мы создаем три input поля с placeholder значениями "Value 1", "Value 2" и "Value 3". При нажатии на кнопку, функция `getPlaceholders()` собирает все placeholder значения в массив `placeholders`, удаляя лишние пробелы с помощью метода `trim()`. Затем, массив `placeholders` выводится в консоль с помощью `console.log()`.

    Таким образом, данный код позволяет собрать значения placeholder тега input в массив и удалить лишние пробелы в них.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно