Question

我试图通过在bootstrap模式中输入表单中的文本，在我的主页上的popcornJS脚注插件中显示文本。我得到[对象HTMLSpanElement]，我希望显示实际的字符串。

这是我正在运行的脚本：

        <script type="text/javascript">
        $('#save').on('click', function() {
  var value = $('#value').text( $('#newGoal').val() );
});
    </script>

这是我的模态（使用第2行中的跨度正确显示文本）：

    <a class="btn btn-primary" data-toggle="modal" data-target="#moneyModal">
    <p>Your Number: <span id="value"></span></p>
  <span class="glyphicon glyphicon-money glyphicon-white"></span>Change</a>
<div class="modal fade" id="moneyModal" role="dialog">
  <div class="modal-dialog">
    <form method="post" action="change-goal">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Change Goal</h4>
        </div>
        <div class="modal-body">
          <p>Please enter a new number.</p>
        </div>
        <div class="modal-body">
          <input class="form-control" name="newGoal" id="newGoal">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          <button id="save" type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
        </div>
      </div>
    </form>
  </div>
</div>

这是popcornJS脚注插件脚本（将任何普通字符串设置为第二个脚注）：

    <script>
  document.addEventListener('DOMContentLoaded', function () {
  var p = Popcorn( "#video1" )


  .footnote({
    start: 0,
    end: 5,
    text: value,
    target: "footnotediv"
  })
  .footnote({
    start: 1,
    end: 45,
    text: "test",
    target: "footnotediv"
  });
}, false);

似乎有一些非常简单的事情让我搞砸了，或者这个popcornJS插件不是为了除了字符串文字之外的任何东西而构建的。

这是发生了什么的screenshot。请注意左上角的“您的号码：5”，“5”是表单中的文本以及应该在[对象HTML ...]中显示的内容

获取[object HTMLSpanElement]而不是字符串

0 个答案: