将选定行上的数据从对话框窗口传递到主页面

时间:2014-10-13 01:55:50

标签: javascript jquery html css

$(document).ready(function(){
    $('#1, #2').click(function(){
        window.clickedbtnid = $(this).attr('id');
        $( "#table_dialog_1" ).dialog();
    });
    $( "#table_dialog_1" ).find('td').click(function(){ $('#'+window.clickedbtnid).parent().prev().find('input').val($(this).id);
        $( "#table_dialog_1" ).dialog('close');
    })
});

$('#input_'+id).attr('value', $(this).html());

这是我想要的,但它只是根据对话区域上的表的单击td's文本传递,因为我需要的是first td对话窗口表,以传递{{1} } {} input tagsecond td third。在下面的小提琴中查看我的最后一个表格,当对话框窗口关闭时,它应该看起来像主页面上的表格。

请参阅此FIDDLE

1 个答案:

答案 0 :(得分:1)

我希望this正是您所寻找的,我重新编写了一些代码,将类clickMe添加到按钮中,它使ID不必要。

JS代码

var clickedButton;
$(document).ready(function(){
$('.clickMe').click(function(){
    clickedButton = this;
    $( "#table_dialog_1" ).dialog();        
});
$( '#table_dialog_1 tr').click(function(){ 
    var  tds = $(this).children();
    $(clickedButton).parent().prev().find('input').val(tds.eq(0).html());
    $(clickedButton).next('a').text(tds.eq(2).html()+','+tds.eq(1).html());
    $( "#table_dialog_1" ).dialog('close');
});
});