在身体上添加选择选项

时间:2013-05-07 07:25:41

标签: javascript jquery html select

当我选择任何选项时,我试图在body上添加select字段。

但是这会附加在选定的选项本身上,因为我附加了选项。 我现在不知道怎么把它贴在身上。

当我点击选项时,如何在身体上添加选择字段?

这是javascript代码 -

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

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

    });
});

小提琴 - Appending Select Box

2 个答案:

答案 0 :(得分: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>");
 });

答案 1 :(得分:0)

试试这个

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

  });
 });

fiddle here