jquery动态添加隐藏字段

发布时间:2019-05-15 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jquery动态添加隐藏字段脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
$().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的动态隐藏字段,并将其值设置为在文本框中输入的值.我怎样才能做到这一点

解决方法

我无法确切地说出你想要的东西.看起来你想要新ID和新隐藏输入的值都是vals的值.是对的吗?
var $hiddenInput = $('<input/>',{type:'hidden',id:vals,value:vals});

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

$hiddenInput.appendTo(selector);

编辑:

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

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

$hiddenInput.appendTo('body');

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

$hiddenInput.appendTo('.someClass');

总结

以上是脚本之家为你收集整理的jquery动态添加隐藏字段全部内容,希望文章能够帮你解决jquery动态添加隐藏字段所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: