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＆amp;下进行。

我只是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); 
    });

任何想法？
感谢

**** **** UPDATE

我几乎得到了这个工作。

我只使用提醒来做这件事......但这只是一个开始！

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

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

只有问题是使用上面的例子它会触发两次。一旦使用初始选择，另一个如果您关闭下拉列表并选择空白条目。

我知道这样做是因为value === 0，但有没有办法阻止结束投票？

由于

Answer 1

没有办法让一个页面更新另一个页面。相反，您应该对更新进行首页调查。

您可以让包含下拉列表的页面重复轮询服务器，以便使用AJAX添加到下拉列表中的任何新选项。为了提高效率，只需在用户点击链接后触发此轮询，该链接允许他们向下拉列表中添加新选项。

一个页面上的Jquery更新另一个页面？

1 个答案: