Question

这是我的HTML代码：

<textarea class="form-control ckeditor" name="home_b1" id="home_b1">
  <article style="width: 55%;">
    <h2 style="text-align:center">
      <span style="color:#82b04e;font-size:24px">
        Experience the power of going prepaid
      </span>
    </h2>
    <h4 style="text-align:center">
      <span style="color:#82b04e;font-size:15px">
        Pick the plan you want with the carrier you want.
      </span>
    </h4>
    <br>
    <p style="margin-left:60px;text-align:justify;">
      <span style="font-size:20px">
        Some Text
      </span>
    </p>
  </article>
</textarea>

这是我的jquery代码：

$('#btnPreview').on('click',function(){
  var block1 = $('#home_b1').html();
  alert(block1);
});

当我在texteare上书写时，我点击底部，它没有显示当前内容，它显示了DOM内容。

Answer 1

试试这个

$('#btnPreview').on('click',function(){
  var block1 = $('#home_b1').val();
  alert(block1);
});

FYI：val（）方法返回或设置所选元素的value属性。

用于返回值时：此方法返回FIRST匹配元素的value属性的值。

用于设置值时：此方法为所有匹配的元素设置value属性的值。

注意：val（）方法主要用于HTML表单元素。

Answer 2

尝试以下

$(function() {
$('#btnPreview').on('click',function(){
  var block1 = $('#home_b1').val();
  alert(block1);
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="form-control ckeditor" name="home_b1" id="home_b1">
  <article style="width: 55%;">
    <h2 style="text-align:center">
      <span style="color:#82b04e;font-size:24px">
        Experience the power of going prepaid
      </span>
    </h2>
    <h4 style="text-align:center">
      <span style="color:#82b04e;font-size:15px">
        Pick the plan you want with the carrier you want.
      </span>
    </h4>
    <br>
    <p style="margin-left:60px;text-align:justify;">
      <span style="font-size:20px">
        Some Text
      </span>
    </p>
  </article>
</textarea>
<button id="btnPreview">
Preview
</button>

获得Textarea的价值并不起作用

2 个答案: