Javascript 如何在下拉选择中获取数字值，并根据所选值创建元素输入文本框？

来自JS初学者/学习者的简单问题

如何在下拉选择中获取数字值，并根据所选值创建元素输入文本框

我有一个带有数字值的选择选项，我想在选项中选择数字时创建一些文本框

例如：在下拉列表中，我选择了8，所以它需要输出8个texbox

我的代码如下：

<select class="form-control" id="textboxes">
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
          </select>



  var textboxNumbers = document.getElementById("textboxes").value;

  var i;

  for(i=0; i<textboxNumbers; i++){

    var yourTextboxes = document.createElement("INPUT");
    yourTextboxes.setAttribute("type", "text");
    document.getElementById("balls").appendChild(yourTextboxes);
  }

8.
9
10
11
12
var textboxNumbers=document.getElementById（“textboxs”）.value；
var i；
对于（i=0；i在select标记中，您需要一个更改事件。更改事件使用
this
参数调用addElements函数（
this
包含select元素）。在您的函数中，您可以使用
selectElement.value
。在添加元素之前
balls.innerHTML=“”
将清空balls元素


函数加法器（selectElement）{
var textboxNumbers=selectElement.value；
var balls=document.getElementById（“balls”）；
balls.innerHTML=”“；//空的“balls”元素
对于（变量i=0；i


请选择
8.
9
10
11
12
在select标记中，您需要一个更改事件。更改事件使用
this
参数调用addElements函数（
this
包含select元素）。在您的函数中，您可以在添加元素之前使用
selectElement.value
获取所选值
balls.innerHTML=“”
将清空balls元素


函数加法器（selectElement）{
var textboxNumbers=selectElement.value；
var balls=document.getElementById（“balls”）；
balls.innerHTML=”“；//空的“balls”元素
对于（变量i=0；i


请选择
8.
9
10
11
12
您就快到了。在更改下拉列表时创建并调用一个函数


const balls=document.getElementById（“balls”）
函数createTxtBox（）{
var textboxNumbers=document.getElementById（“textboxs”）.value；
var i；
balls.innerHTML=''；//删除以前创建的文本框
对于（i=0；i


8.
9
10
11
12
您就快到了。在更改下拉列表时创建并调用一个函数


const balls=document.getElementById（“balls”）
函数createTxtBox（）{
var textboxNumbers=document.getElementById（“textboxs”）.value；
var i；
balls.innerHTML=''；//删除以前创建的文本框
对于（i=0；i


8.
9
10
11
12
在选项中添加
值
，并在选择中添加
onchange


函数changeValue（）{
var textboxNumbers=document.getElementById（“textboxs”）.value；
balls.innerHTML=''；
var i；
对于（i=0；i在选项中添加
value
，在选择中添加
onchange
）


函数changeValue（）{
var textboxNumbers=document.getElementById（“textboxs”）.value；
balls.innerHTML=''；
var i；
对于（i=0；i不需要值。“…option元素的值是value content属性的值（如果有），或者，如果没有，则是元素的text IDL属性的值“不需要值”。“…option元素的值是value content属性的值（如果有），或者，如果没有，则是元素的text IDL属性的值”