首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >克隆选择SelectedIndex

克隆选择SelectedIndex
EN

Stack Overflow用户
提问于 2013-10-18 08:17:23
回答 2查看 191关注 0票数 0

我试图将两个表单合并在一起,这样我就可以在一个帖子中提交这两个数据。我不想执行AJAX调用,否则我将使用序列化。我使用下面的JQuery来合并这些表单..。

代码语言:javascript
复制
$('#formA :input').clone().hide().appendTo('#formB');

但是,我的select输入的选定索引不会被复制,而只是简单地设置为第一个选项。我不太精通JQuery,所以我不知道如何复制所选的值。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-18 08:40:43

代码语言:javascript
复制
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/

票数 0
EN

Stack Overflow用户

发布于 2013-10-18 08:27:53

如果没有看到完整的代码,那么传输所选的索引就会像.

代码语言:javascript
复制
$("#formB :input).find(':selected').val($('#formA :input').find(':selected').val());

尽管有更好的方法来做到这一点。如果用户不打算与#formB上的下拉菜单交互,则只需添加一个字段即可。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19444795

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档