窗體到窗體jQuery

Question

我一直在研究一段代碼。我擁有大量的代碼，但實際的表單轉移正在拋棄我。

$("#shrimpfrm").children().map(function() { 
    var child = $(this); 
    var value = child.val(); 
    var container = $("#shrimpMaster"); 
    var field = $("<input />"); 

    if (child.is(":select")) { 
     $(container) 
      // THIS IS WHERE I'M LOST 

    } 

    return null; 
}); 

我需要在#shrimpfrm添加任何選擇框的值到一個文本框#shrimpMaster。文本框實際上必須創建在#shrimpMaster我相信我有適當的功能集，並且所有變量都已到位，我只是不知道從哪裏開始。任何幫助，將不勝感激。 謝謝。

Answer 1

沒有看到您的特定HTML，以及不知道這兩種形式之間的關係，我建議：

$('#shrimpfrm select').each(
    function(){ 
     $('<input />').val($(this).val()).appendTo($('#shrimpMaster')); 
    }); 

JS Fiddle demo。

這會發現#shrimpfrm形式之內的所有的select元素，創建一個input（默認爲type="text"）與從當前select值，然後它添加到#shrimpMaster形式。

響應這樣做是爲了給一個select做了更改：

$('select').change(
    function() { 
     $('#shrimpMaster input:text').remove(); 
     $('#shrimpfrm select') 
      .each(
       function(){ 
        $('<input />') 
         .val($(this).val()) 
         .appendTo($('#shrimpMaster')); 
       }); 
    });​ 

JS Fiddle demo。

Answer 2

以下內容是否適合您的用途？

$("#shrimpfrm").children().map(function() { 
    var child = $(this); 
    var value = child.val(); 
    var container = $("#shrimpMaster"); 
    var field = $("<input />"); 

    if (child.is(":select")) { 
     $(container).text(value); 
      // THIS IS WHERE I'M LOST 
    } 
    return null; 
}); 

Answer 3

所以你需要創建在#shrimpfrm每個select一個文本框？如果是這樣，您可以使用append將新元素添加到#shrimpMaster。

見http://api.jquery.com/append/或http://api.jquery.com/appendTo/

$('#shrimpfrm select').each(function() { 
    $('#shrimpMaster').append($('<input />').val($(this).val())); 
});