如何将文本区域的内容发送到Typescript / Javascript / HTML中的函数

用户名

可能是一个非常简单的问题,但是我似乎找不到一种将文本区域中的数据发送到javascript / typescript函数的方法。

的HTML

  <div  data-options="dxContent : { targetPlaceholder: 'content' } " >
        <p> use this page to log errors</p>
        <p id="prevErrors" style="font-style:italic">PreviousErrors</p>
        <br />
        <div id="curError" data-bind="dxTextArea: { }"></div>
        <br />
        <div  data-bind="dxButton: { text: 'Save and return to main menu' }" onclick="    saveMyData(document.getElementById(curError).innerText)"></div>
    </div>

Java / TypeScript

<script>


        function saveMyData(curError) {
            //this will be where data is saved or emailed
            var today = new Date();
            var dd = today.getDate();
            var mm = today.getMonth() + 1; //January is 0!
            var yyyy = today.getFullYear();
            var h = today.getHours(); 
            var m = today.getMinutes(); 
            var s = today.getSeconds();
            if (dd < 10) {
                dd = '0' + dd
            }
            if (h < 10) {
                h = "0" + h;
            }
            if (s < 10)
            {
                s = "0"+s;
            }
            if (m < 10) {
                m = "0"+m;
            }
            if (mm < 10) {
                mm = '0' + mm
            }

            today = dd + '/' + mm + '/' + yyyy +" , "+h+":"+m+":"+s;
            prevErrors.innerText +=  "\n "+today+", "+curError;
        }
    </script>

直到最近才发现打字稿和javascript几乎是完全相同的,我感到有点尴尬的是,启动打字稿一直是一场战斗-不像c#/ vb / etc。

问题

我一直试图将数据从此dxtextArea控件发送到函数。如您所见,我已经尝试使用innerText,但是,这似乎什么也没发送到函数中(得到错误:

'Uncaught TypeError: Cannot read property 'innerText' of null', line 1, file 'http://localhost:51828/index.html#'.

即使textArea中存在数据。

有人遇到过这个问题/知道如何解决/是我对Java /打字稿知识的愚蠢和天真吗?

编辑

有人告诉我将我的Method调用从innerText更改为value(并在ID周围加上引号),但这仍然不能解决问题:

saveMyData(document.getElementById('curError').value)"

编辑2我的完整脚本:

<div data-options="dxView : { name: 'ErrorLogging', title: 'ErrorLogging' } " >
    <div  data-options="dxContent : { targetPlaceholder: 'content' } " >
        <p>Use this page to log errors</p>
        <br />
        <p style="font-style:italic">PreviousErrors</p>
        <p id="prevErrors" style="font-style:italic"></p>
        <br />
        <div id="curError" data-bind="dxTextArea: { }" ></div>
        <br />
        <div  data-bind="dxButton: { text: 'Save and return to main menu' }" onclick="saveMyData(document.getElementById('curError').textContent)"></div>
    </div>
</div>
<script>

    function saveMyData(elem) {
        //this will be where data is saved or emailed


        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1; //January is 0!
        var yyyy = today.getFullYear();
        var h = today.getHours(); 
        var m = today.getMinutes(); 
        var s = today.getSeconds();

        //add a '0' in front of single digit values
        if (dd < 10) {
            dd = '0' + dd
        }
        if (h < 10) {
            h = "0" + h;
        }
        if (s < 10)
        {
            s = "0"+s;
        }
        if (m < 10) {
            m = "0"+m;
        }
        if (mm < 10) {
            mm = '0' + mm
        }

        if (elem.textContent) {
            var curError = elem.textContent ?
                elem.textContent :
                elem.innerText;
        }
        alert(curError);

        today = dd + '/' + mm + '/' + yyyy +" , "+h+":"+m+":"+s; //created string containing todays' date and time
        prevErrors.innerText += "\n " + today + ", " + elem;

    }
</script>

在iOS上看起来像什么

用户名

我发现通过使用

var val = $("#textArea").dxTextArea("instance").option("value");

允许我获取名为的ID textArea,然后可以在不调用方法/函数的情况下使用该ID

所以现在,我可以使用代码:

prevErrors.innerText += "\n " + today + ", " + val;

以便能够将dxTextArea的输入输入到数据中。

问题解决了!:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Javascript中对HTML文本区域的内容传递函数

来自分类Dev

如何将文本框值发送到javascript函数?

来自分类Dev

如何将表格单元格的ID发送到javascript中的onclick函数

来自分类Dev

如何将参数发送到javascript中的onclick函数

来自分类Dev

如何使用javascript将选择中的值发送到html中的输入文本?

来自分类Dev

如何将 HTML 文本区域放入 JavaScript 网络警报/弹出窗口?

来自分类Dev

将textarea内容发送到javascript函数

来自分类Dev

如何将数据从javascript函数发送到Django View

来自分类Dev

如何将按钮的 php 变量 onclick 作为参数发送到 javascript 函数

来自分类Dev

如何将HTML字符串从Javascript发送到Flask(python)?

来自分类Dev

如何将变量值从JavaScript发送到Laravel 5.1中的Controller

来自分类Dev

HTML格式:将数据发送到javascript函数

来自分类Dev

将表单中的参数发送到 JavaScript 中的函数

来自分类Dev

将变量发送到子函数而不发送到JavaScript中的主对象?

来自分类Dev

您应该如何将密码从纯html / javascript应用程序发送到php页面?

来自分类Dev

如何将HTML表单链接到JavaScript中的函数?

来自分类Dev

如何将值从JavaScript中的函数返回到HTML中的文本框

来自分类Dev

如何将值从JavaScript中的函数返回到HTML中的文本框

来自分类Dev

如何将javascript函数中的变量输出到html中的文本

来自分类Dev

从html表中选择多行并将值发送到javascript中的函数

来自分类Dev

如何将函数链接到 JavaScript 中的 HTML 按钮和文本字段

来自分类Dev

如何将音频Blob从JavaScript发送到python?

来自分类Dev

如何将文件从JavaScript发送到Java WebService

来自分类Dev

如何将结果javascript发送到php邮件?

来自分类Dev

如何将数据从python(烧瓶)发送到javascript?

来自分类Dev

如何将值从 Microsoft Bot 发送到 Javascript?

来自分类Dev

单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

来自分类Dev

如何在javascript中获取文本区域的值

来自分类Dev

Delphi和Indy-如何将IdTCPServer中的内容发送到特定的IdTCPClient

Related 相关文章

  1. 1

    在Javascript中对HTML文本区域的内容传递函数

  2. 2

    如何将文本框值发送到javascript函数?

  3. 3

    如何将表格单元格的ID发送到javascript中的onclick函数

  4. 4

    如何将参数发送到javascript中的onclick函数

  5. 5

    如何使用javascript将选择中的值发送到html中的输入文本?

  6. 6

    如何将 HTML 文本区域放入 JavaScript 网络警报/弹出窗口?

  7. 7

    将textarea内容发送到javascript函数

  8. 8

    如何将数据从javascript函数发送到Django View

  9. 9

    如何将按钮的 php 变量 onclick 作为参数发送到 javascript 函数

  10. 10

    如何将HTML字符串从Javascript发送到Flask(python)?

  11. 11

    如何将变量值从JavaScript发送到Laravel 5.1中的Controller

  12. 12

    HTML格式:将数据发送到javascript函数

  13. 13

    将表单中的参数发送到 JavaScript 中的函数

  14. 14

    将变量发送到子函数而不发送到JavaScript中的主对象?

  15. 15

    您应该如何将密码从纯html / javascript应用程序发送到php页面?

  16. 16

    如何将HTML表单链接到JavaScript中的函数?

  17. 17

    如何将值从JavaScript中的函数返回到HTML中的文本框

  18. 18

    如何将值从JavaScript中的函数返回到HTML中的文本框

  19. 19

    如何将javascript函数中的变量输出到html中的文本

  20. 20

    从html表中选择多行并将值发送到javascript中的函数

  21. 21

    如何将函数链接到 JavaScript 中的 HTML 按钮和文本字段

  22. 22

    如何将音频Blob从JavaScript发送到python?

  23. 23

    如何将文件从JavaScript发送到Java WebService

  24. 24

    如何将结果javascript发送到php邮件?

  25. 25

    如何将数据从python(烧瓶)发送到javascript?

  26. 26

    如何将值从 Microsoft Bot 发送到 Javascript?

  27. 27

    单击按钮时如何将HTML文本框的值(内容)传递给javascript函数?

  28. 28

    如何在javascript中获取文本区域的值

  29. 29

    Delphi和Indy-如何将IdTCPServer中的内容发送到特定的IdTCPClient

热门标签

归档