Pouplate輸入表單字段按鈕點擊其他div中的文本值

Question

我需要從點擊編輯按鈕來收集顯示div中的數據，並將其傳遞給表單div並使用jquery填充相應的輸入。

HTML表單股利

<form class="form-horizontal" name="editform" id="editform" action="include/abc.php" method="post"> 
          <fieldset> 
          <div class="form-group"> 
           <label for="username" class="col-lg-2 control-label">User Name </label> 
           <div class="col-lg-4"> 
           <input class="form-control" name="username" placeholder="User Name" type="text" id="username" value="" > 
           </div> 
           <label for="email" class="col-lg-2 control-label">User Name </label> 
           <div class="col-lg-4"> 
           <input class="form-control" name="email" placeholder="Email" type="text" id="uemail" value="" > 
           </div> 
          </div> 
          <div class="form-group">       
          <button type="submit" id="editdata" class="btn btn-success">Edit and Update </button> 
          </div> 
          </fieldset> 
         </form> 

顯示股利

<div class="well"> 
     <div id="formdisplay"> 
     <table> 
      <tr> 
       <td> User Name:</td><td id="u_name"> Paul </td> 
      </tr> 
      <tr> 
       <td> Email :</td><td id="u_email"> paul@abc.com</td> 
      </tr> 
     </table> 
     </div> 
     <button type="button" id="edit" class="btn btn-info">Edit</button> 
     <button type="button" id="delete" class="btn btn-danger">Edit</button> 
    </div> 

Jquery的

<script type="text/javascript"> 
$(function() 
    { 
     $("#edit").click(function(e) { 

      $("#username").val($("#u_name").text()); 
      $("#uemail").val($("#u_email").text()); 
     }); 
    }); 
</script> 

Answer 1

您在ID選擇器中缺少#。

嘗試，

$(function() 
{ 
    $("#edit").click(function(e) { 

     $("#username").val($("#u_name").text()); 
     $("#uemail").val($("#u_name").text()); 
    }); 
});