請問有可能利用下拉式選單實現給予不同<textarea>不同的內容嗎?

Question

例如像以下例子,但這只能填入一個<textarea>我希望選擇1-5之後,能夠把下面五個<textarea>依序填入1-5第一個填入1第二個填入2第三個填入3第四個填入4第五個填入5

Answer 1

$(function () {

  $('#template').change(function () {

      var template = $(this).val();

    if (template !== '') {

        template = parseInt(template);

      $('.form-control').each(function() {

          $(this).val(template);

        template++;

      });

    }

  });

});

修改如下：

<select id="template">

  <option value="clear">不選取</option>

  <option value="num">1-5</option>

  <option value="letter">a-e</option>

  <option value="str">1-5计</option>

</select>

$(function () {

  let num = [1,2,3,4,5], 

      letter = ['a','b', 'c', 'd', 'e'], 

      str = ['瞞天過海', '圍魏救趙', '借刀殺人', '以逸待勞','趁火打劫'];

  $('#template').change(function () {

    let template = $(this).val();

    if (template === 'num') {

      $('.form-control').each(function(i) {

          let text = $(this).val() + num[i];

        $(this).val(text);

      })

    } else if(template === 'letter') {

      $('.form-control').each(function(i) { 

        let text = $(this).val() + letter[i];

        $(this).val(text);

      });

    } else if(template === 'str') {

      $('.form-control').each(function(i) {

        let text = $(this).val() + str[i];

        $(this).val(text);

      });

    }  

  });

});