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這樣的beofre來更新下拉列表，但是那是在同一頁面上：

    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請求替換了警報，該請求提取了正確的值並更新了下拉列表。

唯一的問題是使用上面的示例，它將觸發兩次。 一次選擇初始選項，如果選擇空白條目關閉下拉菜單，則選擇另一個選項。

我知道這樣做是因為value === 0但是有什么方法可以停止結束輪詢？

謝謝

Answer 1

無法讓一個頁面更新另一個頁面。 相反，您應該進行首頁輪詢以獲取更新。

您可以使用AJAX使包含該下拉列表的頁面反復輪詢服務器以查找要添加到該下拉列表的任何新選項。 為了提高效率，請僅在用戶單擊鏈接后才觸發此輪詢，從而允許他們向下拉菜單添加新選項。