javascript - 選択値に基づいてフォーム入力の数を変更する

Question

私は次のようにフォーマットされたフォームを持っています: http://jsfiddle.net/E3DfA/

私が達成しようとしているのは、選択の値が変化すると、フォーム入力の数が変化するようにすることです。

私は周りを検索しましたが、本当に意味のあるものは何も見つかりませんでした.ajaxを使用する必要があることは理解していますが、どうすればよいでしょうか. 正しい方向へのプッシュは大歓迎です！

Answer 1

AJAX を使用する必要はありません。input要素でイベントをキャプチャしてselectから、表示する HTML コードを生成する必要があります。

jQueryライブラリを見てください。ドキュメントには多くの例が含まれています。

編集

あなたはもうすぐそこにいた

$("select").change(function () {
      var str = "";
      var count = Number($("select option:selected").val())
      for (var i = 0; i < count; i++) {
          str += '<div class="oneinput"> <label>' + i
                  + "</label> <input name='" + i + "'></input>"
                  + "</div>";
      }

      $("#text").html(str);
});

ループを使用.eachする必要がある場所を使用しましたfor。each配列を反復処理します。</p>

Answer 2

これをお探しですか？

その非常に基本的な例：

基本例