JQuery - 以模态方式将数据从一个按钮传递到另一个按钮

时间:2016-03-06 04:43:43

标签: javascript jquery javascript-events onclick

在我的用例案例中,我有一个按钮,可以打开模态并动态生成多个按钮。根据模态中某个按钮的onclick事件,我将关闭模态并更新页面表单值。所以我必须将json从modal传递给页面形式。

这是我的js代码,

$('.package-div').on('click', '.get-package', function() {
    console.log("Inside get package button click field");
    var pageURL = $('#page_url').text();
    console.log("get package redirect url ", pageURL);
    $.getJSON("/getgitrepos/", function(data) {
        console.log("get git repos response data", data);
        console.log("get git repos name", data[0].name);
        var arrayLength = data.length;
        var repo1 = "";
        for (var i = 0; i < arrayLength; i++) {
            repo2 = "<div class=\"package-button-group\"><div class=\"col-md-6\"><label for=\"software\" class=\"control-label\"><p>"+data[i].name+"</label></div><div class=\"col-md-6 pull-right\"><p><input type=\"button\" class=\"add-btn-recommend-xs choose-package\" name=\""+data[i]+"\" value=\"choose\" onclick=\"return \""+data[i]+"\";\" /></div></div><br /><br />"
            var repo1 = repo1.concat(repo2);
        }
        $("#modalContent").html(repo1);
      });
});

$('#GetPackage').on('click', 'input', function() {
    console.log("Inside git choose button click");
    var packageObject = $(this).attr("onclick");
    alert ('button value' + packageObject + ' clicked');
    $("#title").val(packageObject.name);
    $("#url").val(packageObject.url);
});

我想从模态按钮中选择的数据中设置标题,网址字段。有人可以帮我吗?

0 个答案:

没有答案