【发布时间】:2013-03-03 07:01:42
【问题描述】:
当我们从下拉框中选择选项时,如何编写 Ajax 代码来检索网页特定部分的信息?
我想要我从网页特定部分的下拉菜单中选择的特定项目的信息。
【问题讨论】:
-
如何检索到我的主页?(带有标签)用更多信息更新了我的答案。然而,这是在 SO 和其他网站的其他地方很容易获得的信息......
标签: ajax
当我们从下拉框中选择选项时,如何编写 Ajax 代码来检索网页特定部分的信息?
我想要我从网页特定部分的下拉菜单中选择的特定项目的信息。
【问题讨论】:
标签: ajax
假设您的标记类似于:
<select id="dropdown">
<option value="1">Some option</option>
<option value="2">Other option</option>
<option value="3">Helpfull option</option>
<option value="4">Don't pick this option</option>
</select>
<div id="details"></div>
为了进行 AJAX 调用,我会使用某种库。例如,使用 jQuery 将比编写处理跨不同浏览器的 ajax 调用的代码容易得多。代码可能如下所示:
$('#dropdown').on('change', function(e) {
var currentValue = $('#dropdown').val();
$.get('<someurl>', function(data) {
$('#details').html(data);
});
};
将'<someurl>' 替换为所需资源的网址。在不使用 jQuery 或类似库的情况下执行此操作会涉及更多内容。有关一些指导,您可以查看以下答案:https://stackoverflow.com/a/2557268/355499
【讨论】: