Получение значения для диалогового окна

Question

У меня есть span, который используется для добавления некоторого контента в БД с помощью всплывающего окна. Моя проблема в том, что я не знаю, как передать идентификатор в диалоговое окно.

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"); 
      }); 
     }); 
});