javascript - 单击按钮时如何将 style.display 从无更改为内联？

Question

我想在单击按钮时显示 id="text"。所以我试了一下:

    <form name="i_choose_form" action="" method="post">
      <input type="submit" class="button" value="I am not sure, show me other choices..." onclick = "showText()"></br>
    </form>

    <span id ="text" style="display:none">First make your choice then you can see all other choices</span>

    <script type = "text/javascript">

function showText() { document.getElementById("text").style.display="inline"; }

</script>

但这并没有像预期的那样工作并且没有显示文本。我究竟做错了什么？ http://jsfiddle.net/dPhUQ/

Answer 1

已显示，但您正在提交该页面。将您的输入更改为 type='button' 而不是 'submit'

<input type="button" class="button" value="I am not sure, show me other choices..." onclick = "showText()"></br>