javascript - 单击按钮时显示数组(从字符串转换)

Question

我有这个代码片段，旨在单击“按钮”时返回一个数组，转换为数组的字符串来自 $('#text-area').text();

请帮我在点击“按钮”后返回#text-ent中的数组。

<div id="container">
  <h1>Type Test</h1>
  <div id="div-text-area">
    <textarea id="text-area" ng-model="yourText" placeholder="Please enter your text here"></textarea>
  </div>
  <div id="text-result">{{yourText}}</div>
  <div id="entities1">
    <button>Get Entities</button>
    <div id="text-ent"></div>
  </div>
  <div id="entities2">
    <button>Get Keywords</button>
    <div id="text-key"></div>
  </div>
</div>

JS

$(document).ready(function(){
  $('button').click(function() {
    var getData = $('#text-area').text();
    var arrayOfText = getData.split(" ");
    $('#text-ent').text(arrayOfText[0]);
  });
});

Answer 1

您正在尝试通过返回内部 HTML 的 .text() 方法获取文本区域值 所以请尝试 .val() 返回文本区域的值

$(document).ready(function(){

$('button').click(function() {
var getData = $('#text-area').val(); //Change here
var arrayOfText = getData.split(" ");
$('#text-ent').text(arrayOfText[0]);
});