如何在PHP弹窗表单中获取并输出jQuery的mobileNumber变量值

没问题，要在你的#enter-otp弹窗里展示刚才获取到的mobileNumber变量值，其实只需要在AJAX请求成功后，把这个值插入到弹窗内的指定元素中就行。我给你两种实用的实现方式：

方法1：提前在弹窗中预留显示位置 #

首先，在你的弹窗（#enter-otp）的HTML结构里，添加一个用来展示手机号的元素，比如：

<div class="modal fade" id="enter-otp" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">输入验证码</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- 预留手机号显示位置 -->
        <p>你的手机号：<span id="display-mobile"></span></p>
        <!-- 其他弹窗内容，比如验证码输入框 -->
        <input type="text" id="otp" placeholder="请输入验证码">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交验证码</button>
      </div>
    </div>
  </div>
</div>

然后修改你的jQuery代码，在AJAX的success回调里，把mobileNumber赋值给这个预留的元素：

$(document).ready(function(){ 
  $("#submit").click(function() { 
    var mobileNumber = $("#mobileNumber").val(); 
    if(mobileNumber=="") { 
      alert("Please Enter Mobile Number"); 
    } else { 
      $.ajax({ 
        type: "POST", 
        url: "<?php echo base_url('test'); ?>", 
        data: {mobileNumber: mobileNumber}, 
        success: function(result){ 
          if(result){ 
            // 将手机号插入到弹窗的指定元素中
            $("#display-mobile").text(mobileNumber);
            $("#enter-otp").modal('show'); 
          } 
        } 
      }); 
    } 
    return false; 
  }); 
});

方法2：动态插入手机号内容 #

如果你不想提前在弹窗里写死元素，也可以在弹窗显示前动态添加手机号内容：

$(document).ready(function(){ 
  $("#submit").click(function() { 
    var mobileNumber = $("#mobileNumber").val(); 
    if(mobileNumber=="") { 
      alert("Please Enter Mobile Number"); 
    } else { 
      $.ajax({ 
        type: "POST", 
        url: "<?php echo base_url('test'); ?>", 
        data: {mobileNumber: mobileNumber}, 
        success: function(result){ 
          if(result){ 
            // 先清空弹窗内容（避免重复显示），再动态插入手机号
            $("#enter-otp .modal-body").empty().prepend('<p>你的手机号：' + mobileNumber + '</p>');
            $("#enter-otp").modal('show'); 
          } 
        } 
      }); 
    } 
    return false; 
  }); 
});

注意事项 #

• 确保你用来选择弹窗元素的选择器（比如#display-mobile或者.modal-body）是正确的，必须存在于#enter-otp模态框内部。
• 如果弹窗会被多次触发，方法2里的.empty()很重要，可以避免每次打开弹窗都重复添加手机号内容。

内容的提问来源于stack exchange，提问作者user8769728