Как создать несколько элементов выбора на основе чисел в javascript или reactjs

Я работаю над фиктивным проектом. Мне нужно выбрать вариант, и эти параметры отображаются с номерами (1, 2, 3, 4, 5, 6....). если я выберу вариант номер 3, он автоматически создаст 3 элемента ввода.

Добро пожаловать в переполнение стека. Пожалуйста, просмотрите stackoverflow.com/help/how-to-ask Мы не можем написать ваш код для вас, пожалуйста, сообщите нам, что вы пробовали до сих пор, и мы можем попытаться помочь вам выяснить, почему это не работает. Однако мы не можем просто написать для вас целые файлы кода. Этот сайт не для этого.

Shades 10.02.2023 21:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
4
1
71
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам действительно нужно добавить больше деталей в будущем, вот пример в Javascript

<div id = "options-container"></div>

<script>
  function createInputElements(num) {
    const optionsContainer = document.getElementById("options-container");
    for (let i = 0; i < num; i++) {
      const input = document.createElement("input");
      input.setAttribute("type", "text");
      input.setAttribute("placeholder", `Input ${i + 1}`);
      optionsContainer.appendChild(input);
    }
  }

  const option = 3;
  createInputElements(option);
</script>

Для примера, который я написал, когда вы выбираете опцию номер 3, она вызывает функцию createInputElements и передает 3 в качестве аргумента. Затем функция создаст 3 элемента ввода и добавит их в div контейнера параметров. Вы можете настроить логику и стили в соответствии с вашими требованиями.

Другие вопросы по теме