Javascript 将PHP添加到HTML文件后JQuery不工作
我正在用功能齐全的jquery(用于表单提交)构建一个网页。自从向文件中添加php以将用户数据拉入表单以来,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
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
是不直接的,这是正常的。