jQuery的AJAX .load形式放置選項中選擇標籤

我試圖從一個頁面抓取的格式，並使用其放置在一個div上的另一外...jQuery的AJAX .load形式放置選項中選擇標籤

jQuery('#my-div').load('form-url/ #form-container');

它比選擇做工精細等場，所有的選項都放在選擇標記，以便外...

<select> 
</select> 
<option>number 1</option> 
<option>number 2</option> 
<option>number 3</option> 
<option>number 4</option>

HTML原始形態看起來乾淨，但也有不少的每個選項中進行選擇。有任何想法嗎？

更新

嗯，我通過使用jQuery的形式帶進來後移動選擇標籤內的選項得到解決它。會不會讓好知道爲什麼它的發生，但...

來源

2014-02-25 Tom

呃......那是不一樣的。在其他頁面上生成的選項如何，或者它們是硬編碼的？ – tymeJV

什麼是'＃form-container' HTML代碼？ –

它們是由wordpress插件動態生成的。＃表單容器只是圍繞表單的div。 – Tom

我有這個確切的問題，使用jQuery的ajax函數.load或.get放置在頁面上的窗體將按預期的方式工作，但將<option>元素放置在<select>標記之外。

我發現尾隨「/」在我選擇的標籤似乎是罪魁禍首：

更改：

<select class="form-control" name="foo" /> 
    <option value="">Option 1</option> 
    <option value="">Option 2</option>

要：

<select class="form-control" name="foo" > 
    <option value="">Option 1</option> 
    <option value="">Option 2</option>

解決了這一問題對我來說。

我在上面的代碼中沒有看到「/」，所以也許這是一個不同的問題，但我認爲我會分享。

來源

2014-10-15 10:37:32 jreidko

我想還值得指出的是，在開始選擇標記後面的正斜槓是不正確的標記和語法錯誤。正斜槓使用簡要說明在這裏：http://stackoverflow.com/questions/1778903/why-does-some-html-beginning-tags-end-with-a-forward-slash – jreidko

真棒。爲我解決了這個問題，可能是從Chrome瀏覽器的代碼查看器中複製出來的...... doh – nights

jQuery的AJAX .load形式放置選項中選擇標籤

回答

相關問題