javascript - 为对话框获取值

Question

我有一个span，用于在弹出框的帮助下向数据库添加一些内容。我的问题是我不知道如何将 ID 传递到对话框。

HTML:

<span class="block"><span class="uid" style="display:none">1</span></span>

JS:

 $(document).ready(function() {
      $(function() {
           $("#Relation").dialog({
                autoOpen: false
           });
           $(".addRelation").on("click", function() {
                var uid = $(this).find('span').html();                                     
                $("#Relation").dialog("open");
           });
      });
 });

此函数打开一个用于添加数据的对话框。

 <div id="Relation" title="Add Relation">
      <form action="#" method="post" enctype="multipart/form-data">
           <div class="input-group">
                <input class="form-control" name="userId" id="userId" value="userId" type="hidden" placeholder="Enter e-mail Id">
                <input class="form-control" name="rq_id" id="rq_id" value="rq_id" type="hidden">
                <input class="form-control" name="rltn_name" id="rltn_name" type="text" placeholder="Enter Name">
                <input class="form-control" name="email_id" id="email" type="text" placeholder="Enter e-mail Id">
                <input class="form-control" name="phone" id="phone" type="text" placeholder="Enter phone no">
                <input class="" name="newpic" id="newpic" type="file">
                <input type="radio" name="live_status" class="live_status" value="1">Alive&nbsp;&nbsp;<input type="radio" class="live_status" name="live_status" value="0">not Alive
                <input class="btn btn-info" type="submit" name="submit" value="Add Now"/>
           </div>
      </form>
 </div>

当我单击span时，对话框内的span数据。我不知道如何实现这个。

Answer 1

然后添加一个隐藏字段，例如

<input class="form-control" name="uid" id="r_uid" value="111" type="hidden">

然后在打开隐藏字段之前设置它的值

$(function () {
    $("#Relation").dialog({
        autoOpen: false
    });
    $(".addRelation").on("click", function () {
        var uid = $(this).find('span').html();
        $('#r_uid').val(uid)
        $("#Relation").dialog("open");

    });
});