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

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

https://img.mukewang.com/5c70e886000177f210490578.jpg

梵蒂冈之花
浏览 330回答 1
1回答

喵喔喔

$(function () {&nbsp; $('#template').change(function () {&nbsp; &nbsp; &nbsp; var template = $(this).val();&nbsp; &nbsp; if (template !== '') {&nbsp; &nbsp; &nbsp; &nbsp; template = parseInt(template);&nbsp; &nbsp; &nbsp; $('.form-control').each(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).val(template);&nbsp; &nbsp; &nbsp; &nbsp; template++;&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }&nbsp; });});修改如下:<select id="template">&nbsp; <option value="clear">不選取</option>&nbsp; <option value="num">1-5</option>&nbsp; <option value="letter">a-e</option>&nbsp; <option value="str">1-5计</option></select>$(function () {&nbsp; let num = [1,2,3,4,5],&nbsp;&nbsp; &nbsp; &nbsp; letter = ['a','b', 'c', 'd', 'e'],&nbsp;&nbsp; &nbsp; &nbsp; str = ['瞞天過海', '圍魏救趙', '借刀殺人', '以逸待勞','趁火打劫'];&nbsp; $('#template').change(function () {&nbsp; &nbsp; let template = $(this).val();&nbsp; &nbsp; if (template === 'num') {&nbsp; &nbsp; &nbsp; $('.form-control').each(function(i) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let text = $(this).val() + num[i];&nbsp; &nbsp; &nbsp; &nbsp; $(this).val(text);&nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; } else if(template === 'letter') {&nbsp; &nbsp; &nbsp; $('.form-control').each(function(i) {&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; let text = $(this).val() + letter[i];&nbsp; &nbsp; &nbsp; &nbsp; $(this).val(text);&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; } else if(template === 'str') {&nbsp; &nbsp; &nbsp; $('.form-control').each(function(i) {&nbsp; &nbsp; &nbsp; &nbsp; let text = $(this).val() + str[i];&nbsp; &nbsp; &nbsp; &nbsp; $(this).val(text);&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }&nbsp;&nbsp;&nbsp; });});
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript