2013-05-07 64 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