Question

我正在尝试将两个表单合并在一起，因此我可以在一个POST中提交这两个数据。我不想做AJAX调用，否则我会使用序列化。我正在使用以下JQuery来合并表单...

$('#formA :input').clone().hide().appendTo('#formB');

但是，我的选择输入的选定索引不会被复制，只是设置为第一个选项。我对JQuery不是很熟练，所以我不知道如何复制所选的值。

Answer 1

如果没有看到完整的代码，转移选定的索引就像......

$("#formB :input).find(':selected').val($('#formA :input').find(':selected').val());

虽然有更好的方法可以做到这一点。如果用户不打算与#formB上的下拉菜单进行交互，则只需添加一个字段即可。

Answer 2

var indexes = [];

$('form select').each(function(k,v) {
   indexes.push ($(this).find('option').filter(':selected').index())
});


$('form#two')
    .append($('form#one :input').clone())        
    .find('select')
    .each(function(k,v) {
        $(this).find('option').eq(indexes[k]).attr('selected','selected')            
    })

http://jsfiddle.net/HbK2c/

克隆选择SelectedIndex

2 个答案: