根據選擇的下拉列表的值添加輸入框

-2

我有一個選擇列表，您可以在其中選擇一個數字1到12.根據選擇的數字，我希望相同數量的輸入框出現準備用於$ _POST。我無法獲取onchange事件來觸發任何相關的Java？根據選擇的下拉列表的值添加輸入框

編輯：我真的只是任何事情我在這一點上得到摸索：

<!DOCTYPE html> 
<html> 
<head> 
<script src="jquery-1.11.0.min.js"></script> 
<script> 

function getNPlayers(element) {    
    var element = document.createElement('input'); 
    element.appendChild(document.createTextNode 
    ('some text for testing')); 
} 
</script> 
</head> 

<body> 
<h1>My Web Page</h1> 
<table> 
<tr> 
<td><select id="NPlayers" sel.onchange="getNPlayers(this)"> 
    <option value="" disabled="disabled" selected="selected">Number of players</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <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></td> 
     <tr id="other_fields" style="display:none"> 
      <td> 
      Players:<br> 
      <input type="tex" value=""/><br> 
      <input type="tex" value=""/><br> 
      <input type="tex" value=""/><br> 
      <input type="tex" value=""/><br> 

      </td> 
     </tr> 
     </tr> 
</tr> 
</table> 
</body> 
</html>

來源

2014-04-17 DIProgan

向我們展示你已經嘗試了什麼，沒有工作 – adeneo

<html> 
    <head> 
     <title>Dynamic Textbox</title> 
     <script> 
      function generate(total,id){ 
       var drpDown = document.getElementById(id); 
       for(i=0;i<total;i++){ 
        var child = document.createElement("input"); 
        child.id = "test"+i; 
        child.name = "test"+i; 
        drpDown.parentNode.insertBefore(child,drpDown); 
       } 
      } 
     </script> 
    </head> 
    <body> 
     <select id='test' onchange='generate(this.value,"test")'> 
      <option value='1'>1</option> 
      <option value='2'>2</option> 
      <option value='3'>3</option> 
     </select> 
    </body> 
</html>

來源

2014-04-17 11:59:17 Shubo

酷，我怎麼會刪除以前當有新的onchange時創建的框？ – DIProgan

在創建輸入框之前使用檢查確定是否存在相同名稱的輸入框。 – Shubo

根據選擇的下拉列表的值添加輸入框

回答

相關問題