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的{{1}}和value都是input的值。是吗？

vals

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

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

修改

为了澄清，$hiddenInput.appendTo(selector);是您要添加新输入的元素的引用。

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

selector

如果要将其附加到类$hiddenInput.appendTo('body');的元素，请执行：

someClass

Answer 2

我会检查它是否在页面上，然后添加。

function SetHiddenInput(val)
{
    var $txtaddfeaturehidden == $("#txtaddfeaturehidden");

    if ($txtaddfeaturehidden.length == 0)
    {
        $("input").attr({
            id : "txtaddfeaturehidden", 
            type : "hidden",
            value : $('#txtaddfeature').val()
        }).after('#txtaddfeature');
    }
    else $txtaddfeaturehidden.val(val);
}

Answer 3

你可以这样做：

$("input").attr("type", 'hidden').val($('#txtaddfeature').val()).appendTo('selector_here');

jquery动态添加隐藏字段

3 个答案: