javascript - 如何在 jQuery 中获取文本框的更新值

Question

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

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

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

输出:“粉红领带”

假设我将其更改为“Blue Tie”，然后获取有关 jQuery 的新描述

关于 JS:

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

输出:“粉红领带”

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

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

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