jquery động thêm lĩnh vực ẩn

Question

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

Ok sau khi thêm giá trị cho danh sách lựa chọn như trên

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

Tôi muốn tạo ra một lĩnh vực tiềm ẩn năng động với id = Vals định nghĩa ở trên và đặt nó giá trị cho giá trị nhập vào trong hộp văn bản. làm thế nào tôi có thể làm điều đó

Answer 1

Tôi không thể nói chính xác những gì bạn muốn. Có vẻ như bạn muốn cả hai số ID và value của số mới input bị ẩn mới là giá trị của vals. Có đúng không?

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

Sau đó, bạn sẽ nối thêm vào bất cứ nơi nào bạn muốn.

$hiddenInput.appendTo(selector); 

EDIT:

Để làm rõ, selector là tham chiếu đến các yếu tố mà bạn muốn thêm vào mới của bạn.

Nếu bạn muốn thêm nó vào thẻ body, làm:

$hiddenInput.appendTo('body'); 

Nếu bạn muốn thêm nó vào một phần tử với lớp someClass, làm:

$hiddenInput.appendTo('.someClass'); 

Answer 2

Bạn có thể làm như sau:

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

Answer 3

tôi sẽ kiểm tra để xem nó có trên trang đầu tiên không, sau đó thêm.

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