亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

梵蒂岡之花 2019-02-20 22:18:00
例如像以下例子,但這只能填入一個<textarea>我希望選擇1-5之後,能夠把下面五個<textarea>依序填入1-5第一個填入1第二個填入2第三個填入3第四個填入4第五個填入5
查看完整描述

1 回答

?
喵喔喔

TA貢獻1735條經驗 獲得超5個贊

$(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);

      });

    }  

  });

});


查看完整回答
反對 回復 2019-02-23
  • 1 回答
  • 0 關注
  • 324 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號