如何在javascript或reactjs中基于数字创建多选元素

ajsxfq5m  于 2023-02-12  发布在  React
关注(0)|答案(1)|浏览(94)

我正在处理一个虚拟项目。我必须选择一个选项,这些选项Map为数字(1、2、3、4、5、6...)。如果我选择数字3选项,它将自动创建3个输入元素。

laik7k3q

laik7k3q1#

你真的需要在未来添加更多的细节,这里是一个例子在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中,你可以根据自己的需要调整逻辑和样式。

相关问题