Javascript 将id从json传递到js到弹出对话框

我正在使用jQueryUI对话框显示有关FullCalendar事件的更多数据单击我可以将所有信息发送到对话框我只需要发送id并将其添加到如下链接

<a href='editsigning1.php?id="id"'>Edit Signing</a>

这是弹出的对话框信息

<div id="fullcalendar"></div>
<div id="dialog" title="My Signing" style="display:none">
    <form>

            <input type="text" name="start" id="start" class="form-control input-sm">


            <input type="text" name="title" id="title" class="form-control input-sm">

            <input type="text" name="address" id="address" class="form-control input-sm">

            <input type="text" name="hphone" id="hphone" class="form-control input-sm">

            <input type="text" name="cphone" id="cphone" class="form-control input-sm">

            <input type="text" name="wphone" id="wphone" class="form-control input-sm">

            <input type="text" name="email" id="email" class="form-control input-sm">

            <input type="text" name="edit" id="edit">

           <a href='editsigning1.php?id="id"'>Edit Signing</a>


    </form>
</div>

---

让我来为你解释一下

您为链接提供的HTML可以更改为：

<a href="editsigning1.php?id={id}" id="linkId">Edit Signing</a>

由于您需要更改字符串中的特定字符串，我使用了大括号

{id}

，因此您现在可以替换它，而不是整个属性

$("#linkId").prop('href', calEvent.id);

$("#linkId").prop('href', $("#linkId").prop('href').replace('{id}', calEvent.id));

我相信这应该行得通

更新：

如果需要在HTML输出中打印数据：

<div id="start" class="popupData"></div>

您还可以在

数据

响应对象上循环以动态添加HTML输出：

var arr = [];

for (var prop in calEvent){
    if (calEvent.hasOwnProperty(prop)){
        arr.push('<input class="popupData" id="'+prop+'" value="'+calEvent[prop]+'" placeholder="'+prop+'" />');
        //arr.push('<div class="popupData">' + calEvent[prop] + '</div>');
    }
}

$("#dialog").find("form").prepend(arr);

---

谢谢你，这很有效。我会投赞成票，但我离这一点还有一点距离。除了输入框，还有其他方式显示发送到对话框的数据。宁愿只打印框中的数据（得到提示；）我不确定你是想制作一个表单还是一个信息性的弹出窗口，无论哪种方式，这两种解决方案都在更新后的答案中。我只是想知道除了指向另一个php页面的ID链接之外的信息性弹出窗口是什么。谢谢，我欣赏所有不同的示例

<div id="start" class="popupData"></div>

$("#start").text(calEvent.start)

var arr = [];

for (var prop in calEvent){
    if (calEvent.hasOwnProperty(prop)){
        arr.push('<input class="popupData" id="'+prop+'" value="'+calEvent[prop]+'" placeholder="'+prop+'" />');
        //arr.push('<div class="popupData">' + calEvent[prop] + '</div>');
    }
}

$("#dialog").find("form").prepend(arr);

#dialog #start,
#dialog div.popupData { padding: 5px; border-bottom: 1px solid #999; }