Javascript 如何创建在同一页面上显示更多文本的HTML按钮

我正在使用html和javascript。我的问题是，在一个网页中显示一个绘图和几个按钮。当用户按下此按钮时，我需要显示3或4个选项，但在同一页面中，不切换页面。 下面是我的代码

<form action="MyPage">
    <button type="submit" value="More Options">
</form>

重定向到其他页面。我能做什么？

删除表单（仅使用按钮），然后查看jQuery。它非常易于使用，并将帮助您快速构建应用程序代码

HTML

---

首先，去掉type=“submit”。这就是导致页面做你不想做的事情的原因。第二件事是添加onclick处理程序。它应该返回false以避免像“提交”这样的行为。变量“this”将把按钮传递给您的函数，您可能需要在该代码中使用该函数。然后用代码填充addMoreStuff（）的主体，好吧，添加更多的东西

<form action="MyPage">
    <button onclick="addMoreStuff(this); return false; ">More Options</button>
</form>

<script type="text/javascript">
function addMoreStuff(button) {
    /* your code here */
}
</script>

更多选择
函数addMoreStuff（按钮）{
/*你的代码在这里*/
}

首先，拼写

按钮

右侧。然后，您可以使用JavaScript在HTML中插入更多内容。什么样的选项？这些选项位于绘图（例如，绘图中点）上方，并以不同的格式下载绘图数据。通常情况下，选项类型是浮动的，因此您应该选中此选项。将帮助您了解为什么不使用

type=“submit”

。我把它放在我的代码中，但不起作用。。。。我不知道你明白我的意思。我需要的是类似于此页面的按钮

添加注释

。当你点击这里，你有一个文本框。。。。谢谢

// run "add_options" when someone clicks on the button
jQuery('button#more').on('click', add_options)

function add_options() {
    //code here to add more options
}

<form action="MyPage">
    <button onclick="addMoreStuff(this); return false; ">More Options</button>
</form>

<script type="text/javascript">
function addMoreStuff(button) {
    /* your code here */
}
</script>