JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">

<form class="well">
  <select>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
  </select>
</form>

<div class="forms">
    <h1>Aqui serão exibidos os forms:</h1>
</div>

JavaScript

var $select = $("select");
    $select.change(function() {
    var $elem = $("select option:selected").val();
        if ($elem == 1){
          $(".forms").append('<input type="text" name="nome_menor">');
        }
        
        if($elem == 2){
          $(".forms").append('<input type="text" name="nome_menor">');
          $(".forms").append('<input type="text" name="nome_menor">');
        }
        
        if($elem == 3){
          $(".forms").append('<input type="text" name="nome_menor">');
          $(".forms").append('<input type="text" name="nome_menor">');
          $(".forms").append('<input type="text" name="nome_menor">');
        }
    });