Question

我正在尝试获取文本框的新值，但我总是得到旧文本框。请帮忙

我有一个输入类型文本，其中包含在PHP上生成的值。

$description = "Pink Tie";
<input type="text" id="txtDesc" value="<?php echo $description ?>" />
<button type="submit" onclick="updateDesc();">Update</button>

输出：＆＃34; Pink Tie＆＃34;

假设我将其更改为＆＃34; Blue Tie＆＃34;，然后获取有关jQuery的新描述

在JS上：

function updateDesc(){
  var desc = $( "#txtDesc" ).val();
  alert(desc);
}

输出：＆＃34; Pink Tie＆＃34;

我得到相同的输出。我如何获得新的输入？

Answer 1

我使用过jQuery并且它可以工作。

在HTML上：

<input type="text" value="PinkTie" id="txtDesc"/>
<button id="button" onclick="updateDesc();">Update</button>

在Javascript上：

function updateDesc(){
       var desc = $( "#txtDesc" ).val();
       alert(desc);
}

请注意，必须在html之前放置javascript函数。这是演示：http://code.freetuts.net/editor.html?id=239

Answer 2

A simple solution for this problem is use keyup function .This function show current value of textbox.
->html 
<input type="text" value="PinkTie" id="txtDesc"/>
<button id="button">Update</button>
->JavaScript
$("#txtDesc").keyup(function(){
var desc = $( "#txtDesc" ).val();
       alert(desc);
});

Answer 3

$(document).on('keyup','#txtDesc',updateDesc);

keyup - 按下键后 keydown - 按键时

如何在jQuery中获取textbox的更新值

3 个答案: