第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

將單詞添加到從選擇中選擇的文本區(qū)域

將單詞添加到從選擇中選擇的文本區(qū)域

BIG陽 2023-06-09 15:50:22
我有一個選擇和一個按鈕。<select name="cars" id="cars">  <option value="volvo">Volvo</option>  <option value="saab">Saab</option>  <option value="mercedes">Mercedes</option>  <option value="audi">Audi</option></select><button>Add Selected To Textarea</button><textarea rows="5" readonly></textarea>基本上每次我選擇一個選項并單擊按鈕時，我都需要將所選內(nèi)容添加到新行中的文本區(qū)域我怎樣才能做到這一點？
查看完整描述

5 回答

?
手掌心

TA貢獻1942條經(jīng)驗 獲得超3個贊

function addToTextarea() {

  var currentText = $('#textarea').text();

  if(currentText.trim().length == 0) $('#textarea').text($('#cars').val());

  else $('#textarea').text(currentText + '\n' + $('#cars').val());

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<select name="cars" id="cars">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="mercedes">Mercedes</option>

  <option value="audi">Audi</option>

</select>

<button onclick="addToTextarea();">Add Selected To Textarea</button>


<textarea id="textarea" rows="5" readonly></textarea>

因此，您首先需要向調(diào)用 javascript 函數(shù)的按鈕添加點擊監(jiān)聽器。在此函數(shù)中，您可以使用 jquery 從 select 元素中獲取當前選定的值，并將該值添加到文本區(qū)域的當前文本中。



查看完整回答
反對 回復 2023-06-09
?
翻過高山走不出你

TA貢獻1875條經(jīng)驗 獲得超3個贊

作為純 jQuery（即，不混合 jQuery 和 vanilla javascript）：


$('button').on('click',() => {

    $('textarea').val( 

        (index,value) => value + $('#cars :selected').text() + "\r\n"

    );

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="cars" id="cars">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="mercedes">Mercedes</option>

  <option value="audi">Audi</option>

</select>

<button>Add Selected To Textarea</button>


<textarea rows="5" readonly></textarea>


查看完整回答
反對 回復 2023-06-09
?
炎炎設(shè)計

TA貢獻1808條經(jīng)驗 獲得超4個贊

const textarea = document.getElementById("text-area-id");



function updateTextArea() {

  const cars = document.getElementById("cars");

  textarea.value += cars.value + "\n"

}

<select name="cars" id="cars">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="mercedes">Mercedes</option>

  <option value="audi">Audi</option>

</select>

<button onclick="updateTextArea()">Add Selected To Textarea</button>


<textarea id="text-area-id" rows="5" readonly></textarea>


查看完整回答
反對 回復 2023-06-09
?
FFIVE

TA貢獻1797條經(jīng)驗 獲得超6個贊

function addWord(){

  const sWord = document.getElementById("cars").value;

  const oTextarea = document.getElementById("output");

  let sTextareaValue = oTextarea.value;

  if(sTextareaValue.length > 0){

    sTextareaValue = sTextareaValue + "\n";

  }  

  oTextarea.value = sTextareaValue + sWord;

}

<select name="cars" id="cars">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="mercedes">Mercedes</option>

  <option value="audi">Audi</option>

</select>

<button onclick="addWord()">Add Selected To Textarea</button>


<textarea rows="5" id="output" readonly></textarea>


查看完整回答
反對 回復 2023-06-09
?
縹緲止盈

TA貢獻2041條經(jīng)驗 獲得超4個贊

<button id="btn" onclick="var e = document.getElementById('cars');

        var car = e.options[e.selectedIndex].value;

    document.getElementById('txtResult').innerText += car + '\n';">Add Selected To Textarea</button>


<textarea id="txtResult" rows="5" readonly></textarea>


查看完整回答
反對 回復 2023-06-09
  • 5 回答
  • 0 關(guān)注
  • 191 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號