Добавить поля ввода в соответствии с выбранным значением Drop Down

-2

У меня есть список избранных, в котором вы можете выбрать число от 1 до 12. В зависимости от выбранного номера я хочу, чтобы такое же количество полей ввода выглядело готовым к использованию для $ _POST. Я не могу получить событие onchange для запуска любой соответствующей Java?Добавить поля ввода в соответствии с выбранным значением Drop Down

Edit: Я действительно просто возится с чем я получаю в этой точке:

<!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

Круто, как бы я удалить ранее созданных ящиков, когда есть новый обмен? – DIProgan

Используйте проверку перед созданием окна ввода, если все еще существует окно ввода с тем же именем. – Shubo

Добавить поля ввода в соответствии с выбранным значением Drop Down

ответ

Смежные вопросы