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

Question

我正在尝试获取userinput的值，但是我的代码无法正常工作。

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");
    }
}

小提琴演示

Answer 3

只是这会工作

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

Answer 4

您可以在jQuery中使用.val（）方法

见演示

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

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

问题描述

4 个解决方案

解决方案1
0 2014-03-01 17:36:54

解决方案2
0 已采纳 2014-03-01 17:37:13

解决方案3
0 2014-03-01 17:43:50

解决方案4
0 2014-03-01 17:45:04

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

问题描述

4 个解决方案

解决方案1 0 2014-03-01 17:36:54

解决方案2 0 已采纳 2014-03-01 17:37:13

解决方案3 0 2014-03-01 17:43:50

解决方案4 0 2014-03-01 17:45:04

解决方案1
0 2014-03-01 17:36:54

解决方案2
0 已采纳 2014-03-01 17:37:13

解决方案3
0 2014-03-01 17:43:50

解决方案4
0 2014-03-01 17:45:04