Javascript 从模态问题中获取价值

我想做的是，点击一个图像，然后加载一个模式框，用户将输入他们的电子邮件，我将使用它存储到一个.txt文件（或稍后放入数据库）

代码：

<p><img src="images/img-get-discount.png" data-toggle="modal" data-target="#optin_modal" alt="Get your discount on <?= htmlspecialchars($this->getTitle()) ?>"></p> 

    <div id="optin_modal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h6>Enter your email and get a discount on <strong><?= htmlspecialchars($this->getTitle()) ?></strong></h6>
                </div>
                <form id="optin_form" method="post" name="contact" role="form">
                    <div class="modal-body">                
                        <div class="form-group">
                            <label for="email">Email:</label>
                            <input type="email" id="optin_email" name="optin_email" class="form-control">
                        </div>                  
                    </div>
                    <div class="modal-footer">                  
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <input type="submit" class="btn btn-success" id="submit" value="I Want The Discount!">
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <?php
    if (isset($_POST['optin_email'])) {
        echo $_POST['optin_email'];
    }
    ?>
    
    <script>
        $(document).ready(function(){   
            $("#optin_form").submit(function(event){
              alert($('#optin_email').val());
              return false;
            });
        });
    </script>

getTitle（））？>“>

输入您的电子邮件并在
电邮：
接近
$（文档）.ready（函数（）{
$（“#选项表格”）。提交（功能（事件）{
警报（$（'optin_email'）.val（））；
返回false；
});
});

---

当用户单击图像时，模式加载正常，此时我似乎很难获取值：

alert（$（'optin_email'）.val（）；

由于某种原因，它没有发出警报，我是否遗漏了代码中明显的内容？我不是jquery的最佳人选。

默认情况下，表单将随浏览器重新加载一起提交，执行此操作以停止该行为

<script>
    $(document).ready(function(){   
        $("#optin_form").submit(function(event){
            event.preventDefault(); // will prevent the browser from submitting your form normally 
            alert($('#optin_email').val());
            return false;
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#选项表格”）。提交（功能（事件）{
event.preventDefault（）；//将阻止浏览器正常提交表单
警报（$（'optin_email'）.val（））；
返回false；
});
});

它工作正常。您可以在这里查看

getTitle（））？>“>

输入您的电子邮件并在
电邮：
接近
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
警报（$（'optin_email'）.val（））；
返回false；
});
});

I can not reproduction this=它对我来说工作正常，我可以看到输入电子邮件后弹出警报。你确定你正在页面上加载jQuery脚本，并且浏览器控制台中没有错误吗？奇怪的是，在firefox或chrome.change中，它对我根本不起作用。它会成功的！

<p><img src="images/img-get-discount.png" data-toggle="modal" data-target="#optin_modal" alt="Get your discount on <?= htmlspecialchars($this->getTitle()) ?>"></p> 

    <div id="optin_modal" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h6>Enter your email and get a discount on <strong><?= htmlspecialchars($this->getTitle()) ?></strong></h6>
                </div>
                <form id="optin_form" method="post" name="contact" role="form">
                    <div class="modal-body">                
                        <div class="form-group">
                            <label for="email">Email:</label>
                            <input type="email" id="optin_email" name="optin_email" class="form-control">
                        </div>                  
                    </div>
                    <div class="modal-footer">                  
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <input type="submit" class="btn btn-success" id="submit" value="I Want The Discount!">
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <?php
    if (isset($_POST['optin_email'])) {
        echo $_POST['optin_email'];
    }
    ?>
    
    <script>
               $(document).ready(function(){   
            $("#submit").click(function(){
              alert($('#optin_email').val());
              return false;
            });
        });
    </script>