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

Question

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

例如.我有一个带有2个选项的选择框,其值为test.HTML和test1.HTML,并且我有一个div,并希望test.HTML和test1.HTML中的内容在选择框更改时加载到div中...通过Ajax任何建议？

谢谢

Answer 1

当然,这可能相当简单:

$("#mySelect").change(function(){
  $("#myDiv").load( $(this).val() );
});

<select id="mySelect">
  <option>test.html</option>
  <option>test1.html</option>
</select>

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