jquery - Ajax:使用选择框将页面内容加载到div

标签 jquery ajax html

我试图在选择一个选择选项时通过 Ajax 将页面内容加载到一个 div 中

例如。我有一个带有 2 个选项的选择框,值是 test.HTML 和 test1.HTML,在它下面我有一个 div 并希望在选择框更改时将 test.HTML 和 test1.HTML 中的内容加载到 div 中......通过 Ajax 有什么建议吗?

谢谢

最佳答案

当然,这可以很简单:

$("#mySelect").change(function(){
  $("#myDiv").load( $(this).val() );
});
<select id="mySelect">
  <option>test.html</option>
  <option>test1.html</option>
</select>

<div id="myDiv"></div>

关于jquery - Ajax:使用选择框将页面内容加载到div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2294843/

相关文章:

php - 表单提交问题

javascript - 使用 requirejs 的循环内的函数

javascript - 将所有 JSON 值放入单独的 <div> 中

javascript - BootStrap 4.1 - 在模态对话框中使用下拉菜单对齐选项卡

javascript - 在 codeigniter 错误中使用 jquery 加载页面内容

javascript - 如何在文件上传时显示加载图形?

javascript - 我在 JS DOM 中的表单验证有问题

javascript - 提交 HTML 表单时执行 2 个连续任务(使用 Ajax 和使用 Node.js 中的 Express 制作的服务器)

javascript - CSS Fit div Height 自动适应两个div之间的可用空间

jquery - 如何使用 Jquery 和 CSS 在导航中的每个选项卡之间留出空间