HTML从textarea获取输入并将其传递给我的Javascript函数

Question

我想从文本区域获取用户输入，并使用以下代码将其传递给我的Javascript函数，但无法使其正常工作。 有人可以帮我吗？

<!DOCTYPE html>

<head>
    <title>Testing</title>
    <script type="text/javascript">
    function MyFunc(UserCode.value) {
        var syntax = esprima.parse(UserCode.value);
        document.getElementById("demo").innerHTML = JSON.stringify(syntax);
    }
    </script>
    <script src="esprima.js"></script>
    <script src="parse.js"></script>
</head>

<body>
    <label>Please enter your code:</label>
    <br>
    <textarea rows="4" cols="50" id="UserCode">
var answer = 6 * 7;
    </textarea>

    <br>
    <button type="button" onclick="MyFunc(UserCode.value)">Convert</button>
    <p id="demo">Result</p>
</body>

</html>

Answer 1

您的代码中未定义UserCode 。 创建具有id的元素不会神奇地使具有该名称的javascript变量。 您必须以与demo段相同的方式获得对该元素的引用：

<!DOCTYPE html>

<head>
    <title>Testing</title>
    <script type="text/javascript">
    function MyFunc(textAreaId) {
        var value = document.getElementbyId(textAreaId).value;
        var syntax = esprima.parse(value);
        document.getElementById("demo").innerHTML = JSON.stringify(syntax);
    }
    </script>
    <script src="esprima.js"></script>
    <script src="parse.js"></script>
</head>

<body>
    <label>Please enter your code:</label>
    <br>
    <textarea rows="4" cols="50" id="UserCode">
var answer = 6 * 7;
    </textarea>

    <br>
    <button type="button" onclick="MyFunc('UserCode')">Convert</button>
    <p id="demo">Result</p>
</body>

</html>

Answer 2

首先，您尝试错误地访问textarea元素。 您必须使用document.getElementById，如下所示：

<button type="button" onclick="MyFunc(document.getElementById('UserCode').value)">Convert</button>

其次，您定义的函数不正确。 您的函数应如下所示：

function MyFunc(text) {
    var syntax = esprima.parse(text);
    document.getElementById("demo").innerHTML = JSON.stringify(syntax);
}

Answer 3

示例： http ： //jsfiddle.net/3ackg/

JS：

$("#convert").click(function() {
    var code = $('#code').val();
    //var code = esprima.parse(code);
    var result = JSON.stringify(code);
    $('#result').html(result);
});

HTML：

<textarea rows="4" cols="50" id="code">var answer = 6 * 7;</textarea>
<button type="button" id="convert">Convert</button>
<p id="result">Result</p>

HTML从textarea获取输入并将其传递给我的Javascript函数

问题描述

3 个解决方案

解决方案1
0 2014-03-09 23:34:26

解决方案2
0 已采纳 2014-03-09 23:37:42

解决方案3
0 2014-03-10 00:31:09

HTML从textarea获取输入并将其传递给我的Javascript函数

问题描述

3 个解决方案

解决方案1 0 2014-03-09 23:34:26

解决方案2 0 已采纳 2014-03-09 23:37:42

解决方案3 0 2014-03-10 00:31:09

解决方案1
0 2014-03-09 23:34:26

解决方案2
0 已采纳 2014-03-09 23:37:42

解决方案3
0 2014-03-10 00:31:09