如何使用javascript在文本字段中显示文本?

时间:2015-02-09 20:00:49

标签: javascript html sorting

我对JavaScript比较陌生,我似乎无法弄清楚如何在HTML格式的文本字段中输出文本。我已经看了很多解决方案,虽然我非常接近(我想我是),但我还是无法让它正常运行。

我试图通过用"分隔它们来对一系列数字进行排序。 "并希望通过升序或降序在底部文本字段中显示结果。通过按下按钮对其进行排序来完成操作。

当尝试调试它时,似乎正在为变量分配它们应该的值,但变量"输出"只是不会出现在"排序号码"文本域。我的代码不完整,因为在我按降序添加之前,我只是试图按升序进行测试。

这是我的代码......

<!DOCTYPE html>
<html>
<head>
    <meta charset = "UTF-8">
    <title>Sorting Numbers</title>
</head>
<body>


        Enter Numbers Here: <input type = "text" id = "numInput"><br><br>
        Select Option:      <select id = "menu">
                                <option value = "ascending">Ascending</option>
                                <option value = "descending">Descending</option>
                            </select><br><br>
        Sorted Numbers: <input type = "text" id = "numOut"><br><br>
        <button onclick = "sortNums()">Sort Numbers</button>


    <script type = "text/javascript">
        function sortNums() {
            var choice = document.getElementById("menu");
            var numbers = document.getElementById("numInput").value;
            var output = document.getElementById("numOut").value;

            if(choice.value = "ascending") {
                arr  = numbers.split('; ').sort().join('; ');
                output = arr;
            }

        }
    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:5)

因为您之后从未向其分配output

if(choice.value = "ascending") {
    arr  = numbers.split('; ').sort().join('; ');
    output = arr;
    document.getElementById("numOut").value = output; 
}