怎样用按钮改变文本框的值！！？？？

首先一个文本框，value值为1；一个按钮button，点击按钮button 文本框的value 值加1 变为2 ；用javascript怎样解决这个问题，求高手帮忙JavaScript

<html>
<head>
<title>Untitled</title>
<script>
function add(){
var val = document.getElementById("txt").value;
document.getElementById("txt").value = parseInt(val) + 1;
}
</script>
</head>
<body>
<input type="text" name="txt" value="1" />
<input type="button" name="btn" value="+1" onclick="add()" />
</body>
</html>
<input type="text" id="txt" value="1"/>
<input type="button" onclick="changeText()" value="改变值"/>
<script type="text/javascript">function changeText(){document.getElementById("txt").value="2";}</script>
是做一个加法吗？
假如你的文本框是这样的<input type='text' id='con' />
那么给button添加一个id(假如为'add')，然后用jquery实现click event：
$(function(){
   $('#add').click({
       $('#id').val(parseInt($('#id').val())+1);
   });
})
$('#add').click(function(){
       $('#id').val(parseInt($('#id').val())+1);
   });
在button的onclick事件中先获取text的值，转成parseInt(),然后加1 ，然后加1后的值赋值回text就可以了