第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

如何獲取下拉選擇中的數(shù)字值并根據(jù)所選值創(chuàng)建元素輸入文本框？

如何獲取下拉選擇中的數(shù)字值并根據(jù)所選值創(chuàng)建元素輸入文本框？

繁星coding 2023-07-29 15:53:37
JS 初學(xué)者/學(xué)習(xí)者的簡(jiǎn)單問題。如何獲取下拉選擇中的數(shù)字值并根據(jù)所選值創(chuàng)建元素輸入文本框？我有一個(gè)帶有數(shù)字值的選擇選項(xiàng)，我想在選項(xiàng)中選擇數(shù)字時(shí)創(chuàng)建多個(gè)文本框。例如：在下拉列表中我選擇8，因此需要輸出8個(gè)文本框。我的代碼如下：<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);  }
查看完整描述

3 回答

?
瀟湘沐

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超6個(gè)贊

添加value選項(xiàng)并添加onchange選擇


function changeValue(){

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

  balls.innerHTML = '';

  var i;


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


    var yourTextboxes = document.createElement("INPUT");

    yourTextboxes.setAttribute("type", "text");

    document.getElementById("balls").appendChild(yourTextboxes);

  }

}

<select class="form-control" id="textboxes" onchange="changeValue()">

  <option value="8">8</option>

  <option value="9">9</option>

  <option value="10">10</option>

  <option value="11">11</option>

  <option value="12">12</option>

</select>


<div id="balls"></div>


查看完整回答
反對(duì) 回復(fù) 2023-07-29
?
慕尼黑8549860

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超11個(gè)贊

你快到了。創(chuàng)建并調(diào)用下拉菜單更改時(shí)的函數(shù)。


const balls = document.getElementById("balls")


function createTxtBox() {

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

  var i;

  balls.innerHTML = ''; // remove previously created text box

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

    var yourTextboxes = document.createElement("INPUT");

    yourTextboxes.setAttribute("type", "text");

    balls.appendChild(yourTextboxes);

  }



}

<select class="form-control" id="textboxes" onchange='createTxtBox()'>

  <option value="8">8</option>

  <option value="9">9</option>

  <option value="10">10</option>

  <option value="11">11</option>

  <option value="12">12</option>

</select>

<div id='balls'></div>


查看完整回答
反對(duì) 回復(fù) 2023-07-29
?
弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

在您的選擇標(biāo)簽中，您需要一個(gè)更改事件。更改事件使用參數(shù)this（this包含選擇元素）調(diào)用 addElements 函數(shù)。在您的函數(shù)中，您可以使用 獲取所選值selectElement.value。在添加元素之前balls.innerHTML = ""將清空您的球元素。


function addElements(selectElement) {

  var textboxNumbers = selectElement.value;

  var balls = document.getElementById("balls");


  balls.innerHTML = ""; //Empty "balls" element


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

    var yourTextboxes = document.createElement("INPUT");

    yourTextboxes.setAttribute("type", "text");

    balls.appendChild(yourTextboxes);

  }

}

<select class="form-control" onchange="addElements(this)" id="textboxes">

  <option>Please Select</option>

  <option>8</option>

  <option>9</option>

  <option>10</option>

  <option>11</option>

  <option>12</option>

</select>


<div id="balls"></div>


查看完整回答
反對(duì) 回復(fù) 2023-07-29
  • 3 回答
  • 0 關(guān)注
  • 178 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)