使用 jQuery/Javascript 计算文本区域中字符串的出现次数不会在按下新按钮时更新
我有一个按钮，可以将字符串：
<dt></dt><dd></dd>
放在 id 为 #upcoming_text 的文本区域中的文本末尾。
我使用 JavaScript 来计算每次按下按钮时 出现的次数。如果
if 语句，可以防止添加更多上述字符串。该计数在首页刷新时有效，但似乎不会计算每次后续按钮按下时 出现的新次数。 （我通过警告变量 numlines 来测试这一点，并且刷新页面时它保持在该数字。）
我缺少一些代码吗？
$("#new_act").click(function(){
var text = $('#upcoming_text').text();
var eachLine = text.split('/dd');
var numlines = eachLine.length;
if(numlines > 20){
alert("You've reached the maximum number of acts");
}
else{
if (!$("#upcoming_text").val()){
$("#upcoming_text").val($("#upcoming_text").val()+"<dt></dt>\n<dd></dd>");
}
else{
("#upcoming_text").val($("#upcoming_text").val()+"\n<dt></dt>\n<dd></dd>");
}
}
});
I have a button that puts the string:
<dt></dt><dd></dd>
on to the end of the text in a textarea with the id #upcoming_text.
I'm using JavaScript to count the number of occurrences of </dd> each time that the button is pressed. If the count of <dt> is greater than 20 then I have an if-statement that prevents any more of the above string being added.
The count works on first page refresh however it does not seem to count the new number of occurrences of </dd> with each subsequent button-press. (I tested this by alerting out the variable numlines, and it remains at the number when the page was refreshed.)
Am I missing some code?
$("#new_act").click(function(){
var text = $('#upcoming_text').text();
var eachLine = text.split('/dd');
var numlines = eachLine.length;
if(numlines > 20){
alert("You've reached the maximum number of acts");
}
else{
if (!$("#upcoming_text").val()){
$("#upcoming_text").val($("#upcoming_text").val()+"<dt></dt>\n<dd></dd>");
}
else{
("#upcoming_text").val($("#upcoming_text").val()+"\n<dt></dt>\n<dd></dd>");
}
}
});
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
text方法将返回元素的内部文本，这是 HTML 代码的原始值。您应该改用val方法，该方法返回当前文本。The
textmethod will return the inner text of the element, which is the orignal vale from the HTML code. You should use thevalmethod instead, which returns the current text.