jquery dynamische Hinzufügen verstecktes Feld

Question

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

Ok, nachdem er als der Wert der Auswahlliste hinzugefügt oben

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

Ich möchte ein dynamisches verstecktes Feld mit id = vals oben definiert erstellen und Wert auf eingegebene Wert in der Textbox. wie kann ich das tun

Answer 1

ich nicht genau sagen konnte, was man wollte. Es scheint, als ob Sie sowohl den ID als auch den value des neuen versteckten input den Wert vals haben möchten. Ist das richtig?

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

Dann würden Sie es anhängen, wo immer Sie wollen.

$hiddenInput.appendTo(selector); 

EDIT:

Zur Verdeutlichung selector ist der Verweis auf das Element, in dem Sie Ihren neuen Eingang angehängt werden soll.

Wenn Sie es an den Body-Tag angehängt werden soll, zu tun:

$hiddenInput.appendTo('body'); 

Wenn Sie es auf ein Element mit der Klasse someClass anhängen möchten, tun:

$hiddenInput.appendTo('.someClass'); 

Answer 2

Sie können tun:

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

Answer 3

Ich würde überprüfen um zu sehen, ob es zuerst auf der Seite war, dann füge hinzu.

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