如何通过ajax更新输入文本的值?

时间:2011-03-01 00:06:56

标签: javascript ajax

我想要

  • 我可以
  • 的输入文本框
  • 使用AJAX调用('获取当前版本')然后
  • 更新其值
  • 另一个按钮(“更新代码库”),使另一个AJAX调用文本框中的值

我不知道如何将所有这些结合在一起。

<form action="upgage.php">
  revision <input type="text" name="revision" value="" /><br />
  <input type="submit" value="update code base" />
<input type="submit" value="get current revision" />

</form>

我想只使用javascript而不是jQuery

2 个答案:

答案 0 :(得分:7)

<form action="upgage.php">
  <input type="submit" id="revision"/> <input type="text" id="passedValue" value="" /><br />
  <input type="submit" value="update" />
</form>

现在在jQuery中:

$("#revision").click(function(event) {
  event.preventDefault();
   $.post("/my/url/", function(data) {
      $("#passedValue").val(data);
   });

});

希望我理解正确:P

答案 1 :(得分:6)

<script>
    document.getElementById('getValueButton').onclick = function() {
        document.getElementById('revisionTextField').value = getRevisionViaAjax();
    }
</script>