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