Javascript 将PHP添加到HTML文件后JQuery不工作

Javascript 将PHP添加到HTML文件后JQuery不工作,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在用功能齐全的jquery(用于表单提交)构建一个网页。自从向文件中添加php以将用户数据拉入表单以来,jQuery已经停止工作,不再调用在单击按钮时触发的函数 控制台现在在调用函数时返回此值 Uncaught TypeError: Cannot read property 'length' of undefined at HTMLButtonElement.<anonymous> ((index):255) at HTMLButtonElement.dispatch (jque

我正在用功能齐全的jquery(用于表单提交)构建一个网页。自从向文件中添加php以将用户数据拉入表单以来,jQuery已经停止工作,不再调用在单击按钮时触发的函数

控制台现在在调用函数时返回此值

Uncaught TypeError: Cannot read property 'length' of undefined
at HTMLButtonElement.<anonymous> ((index):255)
at HTMLButtonElement.dispatch (jquery.min.js:3)
at HTMLButtonElement.q.handle (jquery.min.js:3)
以下是表单的html:

<div class="row form-holder">
                <h2 class="upper spaced">Enter your review for a chance to Win</h2>
                <form id="form-id" action="connect/csv.php" method="POST">

                        <!--ACT 1-->
                        <div class="row act-1 grid">
                            <div class="row">

                                <span class="form-label">Product:</span>

                                <h2 class="upper heavy spaced bigger text-left" align="left"><? echo $product; ?></h2>
                            <input type="hidden" value="<?php echo $product_code; ?>" id="product" name="product">

                        </div>
                        <div class="row"><span class="form-label">Review:</span><textarea type="textarea" value="" id="entry-focus" name="review" form="form-id" placeholder="Comment on your experience with <? echo $product; ?>"></textarea></div>
                        </div>

                        <button id="form-cont-btn" class="btn-action widest act-1-btn">Continue</button>

                        <!--END ACT 1-->
                        <!--ACT 2-->
                        <div class="row act-2">
                        <div class="row"><span class="form-label">Name:</span><input type="text" value="<? echo $name; ?>" id="name" name="name" placeholder="Enter Your Name"></div>
                        <div class="row"><span class="form-label">Email:</span><input type="text" value="<? echo $email; ?>" id="email" name="email" placeholder="Enter Valid Email"></div>
                        </div>

                        <button id="form-btn" class="btn-action widest act-2-btn">Enter Now</button>
                        <input type="hidden" value="set" name="submit">

                        <!--END ACT 2-->
                </form>
            </div>

输入您的评论以获得获胜机会
产品:

254
var review=$('textarea#review').val()
,这意味着您希望获取
textarea
的值,并将
id
设置为
review

在生成的HTML中,文本区域的
id
设置为
条目焦点
。因此,第
254行的代码只能得到
未定义的
。这就是为什么在第255行出现错误消息的原因

要获得正确的内容,必须用以下代码替换行
254

var review = $('textarea#entry-focus').val();

或者将文本区域的
id
设置为
review
254
var review=$('textarea#review').val()
,这意味着您希望获取
textarea
的值,并将
id
设置为
review

在生成的HTML中,文本区域的
id
设置为
条目焦点
。因此,第
254行的代码只能得到
未定义的
。这就是为什么在第255行出现错误消息的原因

要获得正确的内容,必须用以下代码替换行
254

var review = $('textarea#entry-focus').val();

或者将文本区域的
id
设置为
review

请单击
并使用呈现的html创建文本。在保存控制台中的错误是什么?在方法上使用:很可能您的元素是在jquery之后加载的。查看生成的html(右键单击>查看源代码),并在第255行使用javascript编辑您的问题(如错误消息所示)。另外,除非页面很大,否则将完整生成的html添加到问题中会有帮助。在html中,没有id为
review
的文本区域。因此,变量
review
未定义的
,属性
length
是不远的,这是正常的。请单击
并使用呈现的html创建一个属性。在保存控制台中的错误是什么?在方法上使用:很可能您的元素是在jquery之后加载的。查看生成的html(右键单击>查看源代码),并在第255行使用javascript编辑您的问题(如错误消息所示)。另外,除非页面很大,否则将完整生成的html添加到问题中会有帮助。在html中,没有id为
review
的文本区域。因此,变量
review
undefined
,属性
length
是不直接的,这是正常的。