Javascript - 调用内部函数时刷新参数值

标签 javascript jquery function

考虑到这部分代码,我需要知道如何在单击按钮时将文本框的文本写入控制台。

<body>
  <input type="text" id="ttb_text" />

  <script type="text/javascript">
  function AppendButton() {
    var _text = '';
    if (!!arguments[0]) {
      _text = (arguments[0]['text'] || 'nothing to log');
    }

    $('body').append('<input type="button" id="btn_button" value="Log Text" />');

    $('body').on('click', '#btn_button', function () {
      console.log(_text);
    });
  }

  AppendButton({
    text: $('#ttb_text').val()
  });

  </script>
</body>

最佳答案

我不明白你的逻辑为什么要这样做,但是你想要什么可以通过在 onclick 回调中获取 #ttb_text 值来实现。

<body>
   <input type="text" id="ttb_text" />

   <script type="text/javascript">
      function AppendButton() {
          var _text = '';
          if (!!arguments[0]) {
             _text = (arguments[0]['text'] || 'nothing to log');
          }

          $('body').append('<input type="button" id="btn_button" value="Log Text" />');

      $('body').on('click', '#btn_button', function () {
         _text = $('#ttb_text').val();
         console.log(_text);
      });
     }

 AppendButton({
    text: $('#ttb_text').val()
 });

 </script>
</body>

关于Javascript - 调用内部函数时刷新参数值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38034425/

相关文章:

javascript - 在 jqGrid 的标题和网格本身之间放置一个空的 div

javascript - 如何为for循环中除最后一项之外的每一项添加分隔符

javascript - 如何在jquery函数中找到引用的对象

C# 内存具有任意数量参数的函数

jquery - 使用 Bootstrap 弹出窗口时从数据库加载数据

javascript - 如何正确创建一个textNode并附加到特定位置?

javascript - 如何将选择选项设置为等于 innerHTML

javascript - 使用 jquery 设置所有 css3 背景图像

jquery - 使用 jQuery 更改相对于 P 标签的顶部边距

jquery - 我的固定菜单导航标题不会留在它所在的 div 中。这是一个响应问题吗?