2013-05-07 62 views
0

我試圖追加身體選擇字段,當選擇任何選項。追加選擇身體上的選項

但是這被添加到選定的選項本身,因爲我附加選項。 我不知道如何將它附加在身體上。

當我點擊選項時,如何在身上追加選擇字段?

下面是javascript代碼 -

$(function() { 
    $(document).on('change keypress', 'select ', function (e) { 

     alert($('select option:selected(this)').append("<select><option>Four</option></select>")); 

    }); 
}); 

而一個fiddle- Appending Select Box

+1

問題:'$( '選擇選項:選擇(本)')'。檢查文檔http://api.jquery.com/selected-selector/ – elclanrs 2013-05-07 07:26:44

+0

@elclanrs,這是我去除這個後相同。 – Manoj 2013-05-07 07:28:41

+1

你的問題不是很清楚。你可以顯示你的原始HTML,以及當用戶選擇一個選項時你想要DOM改變到什麼地方? – Barmar 2013-05-07 07:29:04

回答

1

你真的很近,它只是需要:

$(document).on('change keypress', 'select ', function (e) { 
    $(this).append("<option>Four</option>"); 
}); 

或(不知道如果你想添加一個選項到當前選擇,或添加一個新的):

$(document).on('change keypress', 'select ', function (e) { 
    $('body').append("<select><option>Four</option></select>"); 
}); 
+0

只需要身體上的另一個選擇框。 – Manoj 2013-05-07 07:34:21

0

這裏試試這個

$(function() { 
    $(document).on('change keypress', 'select', function (e) { 
    var value=$(this).val(); 
    $('body').append("<select><option value="+value+">"+value+"</option></select>"); 

    }); 
}); 

fiddle here