javascript - 将内容复制到另一个没有 jQuery 标签的文本区域

Question

我试图在没有 HTML 标签的情况下将一个文本区域的值复制到另一个文本区域。我做错了什么？

代码如下:

$(document).ready(function() {
  $("#go").click(function() {
    var content = $("#inputdata").val;
    var text = $(content).text();
    $("#outputdata").val(text);

  });
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="go" value="go" />
<table id="content">
  <tr>
    <td>
      input:<br />
      <form id="inputform">
        <textarea id="inputdata" name="inputdata">
    <b>my bold text</b>
    <i>my italic text</i>
    </textarea>
      </form>

    </td>
    <td>
      output:<br />
      <textarea id="outputdata" name="outputdata"></textarea>
    </td>
  </tr>
</table>

我想要得到的结果是:

my bold text
my italic text

Answer 1

作为 jQuery 方法，您需要在 val 中使用括号:

var content = $("#inputdata").val;

应该是:

var content = $("#inputdata").val();

http://api.jquery.com/val/

$(document).ready(function() {
  $("#go").click(function() {
    var content = $("#inputdata").val();
    var text = $(content).text();
    $("#outputdata").val(text);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="go" value="go" />
<table id="content">
  <tr>
    <td>
      input:<br />
      <form id="inputform">
        <textarea id="inputdata" name="inputdata">
    <b>my bold text</b>
    <i>my italic text</i>
    </textarea>
      </form>

    </td>
    <td>
      output:<br />
      <textarea id="outputdata" name="outputdata"></textarea>
    </td>
  </tr>
</table>