jquery动态添加隐藏字段

Question

$().ready(function() 
  {
  $("#add").click(function() 
    {
    var vals = $("#txtaddfeature").val();
    if(vals !='')
      $('#FeatureLists').prepend('<option value="' + vals + '" selected="selected">' + vals + '</option>');
    $('#txtaddfeature').val('');
    });
  });

如上所述将值添加到选择列表后确定

$('#FeatureLists').prepend('<option value="' + vals + '" selected="selected">' + vals + '</option>');

我想创建一个上面定义了id = vals的动态隐藏字段,并将其值设置为在文本框中输入的值.我怎样才能做到这一点

Answer 1

我无法确切地说出你想要的东西.好像你想同时得到ID和value新的隐藏的input是价值vals.是对的吗？

var $hiddenInput = $('<input/>',{type:'hidden',id:vals,value:vals});

然后你可以将它附加到任何你想要的地方.

$hiddenInput.appendTo(selector);

编辑:

为了澄清,selector是对要添加新输入的元素的引用.

如果要将其附加到body标签,请执行以下操作:

$hiddenInput.appendTo('body');

如果要将其附加到具有该类的元素someClass,请执行以下操作:

$hiddenInput.appendTo('.someClass');