Question

我有一个span，用于在弹出框的帮助下向DB添加一些内容。我的问题是我不知道如何将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");

    });
});

Answer 2

如果您想要span中的<input class="form-control" name="userId" id="userId" value="userId" type="hidden" placeholder="Enter e-mail Id">值，请尝试此操作。

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

获取对话框的价值

2 个答案: