Question

我尝试用Twitter Bootstrap写一个AJAX类型的表单，但更新的div元素消失了。我可以解决这个问题吗？

<!DOCTYPE html>
<html>
  <head><link href="bootstrap.min.css" rel="stylesheet" media="screen"></head>
  <script>
  function wordCloud(){document.getElementById("cloud").innerHTML = "WordCloud";}
  </script>
  <body>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="bootstrap.min.js"></script>
    <div id="cloud"></div>
  <form onsubmit="wordCloud()">
  <fieldset>
    <button type="submit" class="btn">Submit</button>
  </fieldset>
  </form></body>
</html>

Answer 1

更改如下。

function wordCloud(){document.getElementById("cloud").innerHTML = "WordCloud";}

替换

function wordCloud(){document.getElementById("cloud").innerHTML = "WordCloud"; return false; }

和

<form onsubmit="wordCloud()">

替换

<form onsubmit="return wordCloud()">

在Twitter Bootstrap中更新div元素

1 个答案: