javascript - 在正文上附加选择选项

Question

I am trying to append select field on body, when any of options is selected.

但这被附加在选定的选项本身上，因为我正在附加选项。我现在不知道如何将它附加到身体上。

单击选项时，如何在正文上附加选择字段？

这是javascript代码 -

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

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

    });
});

还有一个小提琴-附加选择框

Answer 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>");
 });

Answer 2

尝试这个

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

  });
 });

在这里摆弄