时间戳

首页 > 解决方案 > jquery没有将值发送到模式弹出窗口中的另一个输入值

php - jquery没有将值发送到模式弹出窗口中的另一个输入值

问题描述

我的任务是表单包含不同的输入。在保存数据之前，用户必须进行预览。预览正在加载包含一些输入的模式弹出窗口。在模态弹出窗口中显示的输入中加载了用户在表单中输入的值。我写了一些代码。但是当我单击预览时，它没有在模式弹出窗口中加载。任何人都可以帮忙。我的代码在这里

<html>
<head>
    <script src="jquery.min.js"></script>
    <script src="bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap-3.4.1/css/bootstrap.min.css">
</head>
  <script type="text/javascript">
          $(document).ready(function(){
    
               $('#preview').click(function(){
                   var f_name=$('#name').val();         
                   $('#name1').val(f_name);
            });         
          });   
   </script>
   
   <div class="modal-body">               
     1. Name of the Applicant <input type="text" name="name1" id="name1" required />                   
   </div> 
   
Name of the Applicant                  
<input type="text" name="name" id="name" maxlength="50" required />
<button id="preview" class="btn btn-danger btn-sm">Preview</button>

标签： phpjquery

解决方案

推荐阅读