JQuery динамического добавления скрытое поле

Question

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

Ok после добавления значения в списке выбора, как описано выше

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

Я хочу создать динамический скрытое поле с ID = вальса, определенных выше, и установите его значение, введенное значение в текстовом поле. как я могу это сделать

Answer 1

Я не мог точно сказать, что вы хотели. Похоже, вы хотите как ID, так и value новых скрытых input быть значением vals. Это правильно?

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

Тогда вы будете добавлять его туда, где хотите.

$hiddenInput.appendTo(selector); 

EDIT:

Для уточнения, selector является ссылкой на элемент, где вы хотите добавить ваш новый вход.

Если вы хотите добавить его в тег тела, сделайте следующее:

$hiddenInput.appendTo('body'); 

Если вы хотите, чтобы добавить его к элементу с классом someClass, сделайте следующее:

$hiddenInput.appendTo('.someClass'); 

Answer 2

Вы можете сделать так:

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

Answer 3

Я хотел бы проверить чтобы увидеть, было ли это на первой странице, а затем добавить.

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