Jquery 在一页上更新另一页？

Question

一页上的 JQuery 脚本是否可以更新另一页上的表单元素？

目前在我的主页上有 3 个下拉列表，ID 分别为 A、B 和 C

每个列表看起来都类似于：

<select id='A' name='A' >
<option></option>
<option value='012'>012</option>
<option value='076'>076</option>
<option value='195'>195</option>
</select>

有时我需要用户向列表中添加新值，因此我编写了一个单独的页面来创建新条目。

这个新页面是从主页上的超链接调用的。无论如何，当提交新页面表单时，它是否可以强制更新主页上可用的提交条目？

由于主要页面布局，我不想重新加载整个页面，只需更新下拉列表 A、B 和 C。

我只是 jquery 在更新下拉菜单之前喜欢这个，但那是在同一页面上：

    var data = data.split(',');
    var $el = $("#A"); $el.empty();

    $.each(data, function(value,key) {
        var data = key.split('#');
        $el.append($("<option></option>").attr("value", data[1]).text(data[0])).prop("disabled", false); 
    });

有什么想法吗？
谢谢

****更新****

我快完成了。

我只使用警报来做到这一点..但这是一个开始！

$("#A").click(function() {
    if (this.value.length ===0) { 
      alert('A clicked'); 
    } 
});

我有这部分工作，我用 AJAX 请求替换了警报，该请求正在提取正确的值并更新下拉列表。

唯一的问题是使用上面的例子它触发了两次。一次使用初始 select，另一个如果您使用空白条目关闭下拉列表 selected.

我知道它正在这样做是因为 value === 0 但是有什么办法可以停止结束投票吗？

谢谢

Answer 1

无法让一个页面更新另一个页面。相反，您应该在第一页轮询更新。

您可以使用 AJAX 让包含下拉菜单的页面重复轮询服务器以查找要添加到下拉菜单的任何新选项。为了提高效率，只有在用户单击 link 后才触发此轮询，这允许他们向下拉列表添加新选项。

Jquery 在一页上更新另一页？

Jquery on one page update another page?

php

jquery

append

submit