表单到表单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元素，使用当前select中的值创建一个input (默认为type="text")，然后将其附加到#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创建一个textbox？如果是这样，您可以使用append向#shrimpMaster添加新元素。

请参阅http://api.jquery.com/append/或http://api.jquery.com/appendTo/

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