動態添加表單元素

Question

盡我所能查找低谷搜索和建議的標題，但無法找到答案。我有一個通過PHP生成的jQuery移動頁面。

因此，在本頁我有一個選擇下拉菜單（城市），選擇城市後，我想要第二個選擇下拉菜單出現在這個下面，其中一個包含郊區。我有一個PHP頁面，吐出注入所需的html。

$('#city').change(function() { 
    alert($('#city').val()); 
    if($('#city').val() != "") { 
    $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
     alert(data); 
    }); 
    } 
}); 

一切都檢查出來，數據就是我所需要的。那我現在把它放在哪裏？對於新手來說抱歉，我無法把頭圍繞在這個jQuery的東西上。

編輯：

後沒有做任何事情，它是一個fieldcontain裏，我花了一段時間來找出答案。還有，新注入的領域沒有標準控制的樣式。另外，如果用戶改變城市，我們需要重新加載html並在城市沒有「burbs」的情況下將其全部刪除。

無數次嘗試後失敗，我通過把一個空的div（#here）的fieldcontain內，然後玩了，像這樣做的工作：

$('#city').change(function() { 
    //alert($('#city').val()); 
    if($('#city').val() != "") { 
     $.get('get_burb.php', { city: $('#city').val() }, function(data) { 
      $('#burb').remove(); 
      $('#here').empty(); 
      $("#here").append(data).trigger('create'); 
     }); 
    } else { 
     $('#burb').remove(); 
     $('#here').empty(); 
    } 
}); 

Answer 1

嘗試：

$('#city').after(data) 

應該這樣做。這將在標識爲city的選擇框之後的data中插入HTML。

Answer 2

退房.after()

$('#city').after(...) 

Answer 3

你可能有與「身邊讓你的頭」問題部分是JQMobile使用HTML在運行時生成其他HTML。所以例如列表可以在頁面呈現之前以單向方式生成，並且在呈現發生之後看起來不同（在html標記方面）。這讓我困惑了一陣子。

我建議讓螢火蟲看看你的網頁上發生了什麼，試圖瞭解什麼事開始和最終結果如何。一些JQM函數將調用page（）函數，它將正確呈現控件，即將其轉換爲您在頁面上看到的內容，而其他人則不會。知道這一點，應該幫助你確定你的實際問題。

使用組合框，你會發現你的數據可能正在改變，並可能需要某種函數調用來更新它。