javascript - 将 HTML 中的文本表单值输入到 Javascript 函数中

标签 javascript function textbox

初学者问题,我目前正在学习 JS,我正在尝试编写一个函数,该函数将从简单的 html 表单中获取文本输入。我不知道如何将文本输入传递给函数。这是我目前正在尝试的:

<html>
    <body>
        <script type = "text/javascript">
        <!--

        var myColor = document.getElementById("textbox").value;


        function findColor(){
        switch(myColor){
            case "Blue":
                document.write("just like the sky!");
            break

            case "Red":
                document.write("Just like wine!");
            break
            default:
                document.write("Suit yourself then...");

            }
        }

        //-->
        </script>

        <form>
        Colour <input type="text" name="inputform" id="textbox" value="">
        <input type="submit" value="Submit" onclick="findColor();">
        </form>
    </body>
</html>

谢谢,感谢任何帮助。

最佳答案

把这一行:

 var myColor = document.getElementById("textbox").value;

findColor 函数中:

function findColor(){
    var myColor = document.getElementById("textbox").value;
    switch(myColor){ //...

关于javascript - 将 HTML 中的文本表单值输入到 Javascript 函数中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18231836/

相关文章:

Silverlight 文本框滚动查看器问题

javascript - div 覆盖数组中的每个 div

javascript - CSS 类未应用于所有相似元素

javascript - 将函数应用于页面上的所有链接

python - 如何在 Python 中获取全局变量?

wpf - 将 TextBox 的宽度限制为包含它的 ListView 的宽度

javascript - 如何将值从 php 传递到 jquery 函数我的代码如下

采用 args Eigen 稀疏矩阵的 C++ 函数

Javascript - 在函数参数中返回另一个函数

css - 文本框中的右对齐斜体文本被截断