如何從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