Question

我试图获取用户输入的值，但我的代码没有正常工作。

HTML

<body>
<button id="test">test</button>
<form>
    <input type="text" id="test1">
</form>
</body>

的javascript：

var text = null;

$(document).ready(function(){
    text = $("#test1").value;
    $("#test").on("click", testing);

});

function testing(){
    console.log("something");
    if(text == "top"){
        console.log("top");
    }
}

Answer 1

在jQuery中它是val()，而不是value，它仅适用于原生DOM节点

text = $("#test1").val();

这里真的不需要全局变量，你应该确保在点击按钮时更新了值，现在它只存储在DOM就绪

$(document).ready(function(){
    $("#test").on("click", testing);
});

function testing(){
    var text = $("#test1").val();

    if(text == "top"){
        console.log("top");
    }
}

Answer 2

您可以使用 val() ：

text = $("#test1").val();

此外，您需要在testing函数内移动到上方，以便在单击按钮时检查输入的值。所以最终代码如下：

var text = null;

$(document).ready(function(){
    $("#test").on("click", testing);
});

function testing(){
    console.log("something");
    text = $("#test1").val();
    if(text == "top"){
        console.log("top");
    }
}

<强> Fiddle Demo

Answer 3

这会起作用

$("#test").click(function(){
     var value = $("#test1").val();
     alert(value); check value by alert
});

Answer 4

您可以在jQuery中使用 .val()方法

参见 DEMO

 text = $("#test1").val();

如何从javascript中的输入文本中获取价值

4 个答案: