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

Question

I am trying to get the new value of the textbox but I always get the old one. Please help

I have a input type text with a value generated on PHP.

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

Output: "Pink Tie"

Let say I changed it to "Blue Tie", then get the new description on jQuery

On JS:

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

Output: "Pink Tie"

I get the same output. How will I get the new input?

Answer 1

I have used jQuery and it works.

On HTML:

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

On Javascript:

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

Note that javascript function must be put before html. This is demo: http://code.freetuts.net/editor.html?id=239