html首页我的待办,JavaScript / HTML中的待办事项列表
我已经设置了这个待办事项列表,几乎所有东西都完美无缺.但是,如果我删除列表中的所有内容.它不会让我添加一个新的条目,我似乎无法弄明白为什么.只要我在列表中至少有一个条目,它就可以正常工作.
非常感谢任何帮助,谢谢.
< head >
< script type = "text/javascript" >
/*
function addTask() {
if (document.forms[0].newtask.value == "")
window.alert("You must enter a value in the New Task field.");
else {
if (document.forms[0].tasks.options[0].value == "tasks")
document.forms[0].tasks.options[0] = null;
var newTask = new Option();
newTask.value = document.forms[0].newtask.value;
newTask.text = document.forms[0].newtask.value;
var numTasks = document.forms[0].tasks.options.length;
document.forms[0].tasks.options[numTasks] = newTask;
document.forms[0].newtask.value = "";
}
}
function deleteTask() {
var selectedTask = 0;
var taskSelected = false;
while (selectedTask < document.forms[0].tasks.length) {
if (document.forms[0].tasks.options[selectedTask].selected == true) {
taskSelected = true;
break;
}
++selectedTask;
}
if (taskSelected == true)
document.forms[0].tasks.options[selectedTask] = null;
else
window.alert("You must select a task in the list.");
}
function ascendingSort() {
var newTasks = new Array();
for (var i = 0; i < document.forms[0].tasks.length; ++i) {
newTasks[i] = document.forms[0].tasks.options[i].value;
}
newTasks.sort();
for (var j = 0; j < document.forms[0].tasks.length; ++j) {
document.forms[0].tasks.options[j].value = newTasks[j];
document.forms[0].tasks.options[j].text = newTasks[j];
}
}
/*]]>*/
< /script>
To Do List
< /head>
To Do List
New Task
Tasks
解决方法:
当您删除所有任务时,您将选择一个空的,没有选项.
您需要在addTask函数中保护您的条件
document.forms[0].tasks.options.length > 0
像这样的东西:
if (document.forms[0].tasks.options.length > 0 && document.forms[0].tasks.options[0].value == "tasks")
document.forms[0].tasks.options[0] = null;
标签:javascript,arrays,sorting,forms,html
来源: https://codeday.me/bug/20190703/1362706.html
html首页我的待办,JavaScript / HTML中的待办事项列表相关推荐
- html首页我的待办,需要帮助使HTML 5中的待办事项列表[解决]
错误是由于输入错误.我还没有删除问题,以便其他人可以使用HTML 5获得有关基本待办事项的帮助.如果必须删除此评论,我将删除该问题.需要帮助使HTML 5中的待办事项列表[解决] 你好我是一个初学者到 ...
- Javascript之网页版待办事项
本文使用原生JS实现站点 http://www.todolist.cn/ 的基本功能. 其中页面的HTML布局和CSS样式取用原站,JS部分为自己编写. 效果图 完整代码 HTML.JS部分 < ...
- HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码
HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...
- HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码...
HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...
- JavaScript文件中调用AngularJS内部方法或改变$scope变量
需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...
- java代码中fastjson生成字符串和解析字符串的方法和javascript文件中字符串和json数组之间的转换方法...
1.java代码中fastjson生成字符串和解析字符串的方法 List<TemplateFull> templateFulls = new ArrayList<TemplateFu ...
- javascript 字符串中间隔固定位置插入字符
javascript 字符串中间隔固定位置插入字符 代码: <!DOCTYPE html> <html lang="en"> <head>< ...
- 【Infragistics教程】在javascript类中添加静态成员属性
2019独角兽企业重金招聘Python工程师标准>>> [下载Infragistics Ultimate最新版本] 在一个javascript类中创建一个属性的需求,它需要被所有对象 ...
- JavaScript脚本中 getElementById 返回值总是为空
出现该问题的主要问题是由于JavaScript脚本中调用的标签位置位于脚本位置之后,我理解的JavaScript调用了尚未加载的标签,故而出错.因此解决办法也好办,就是讲JavaScript代码写在b ...
最新文章
- 新型冠状病毒全球实时跟踪地图,多国研发疫苗,在中国或致8042例感染,爆发峰值预计2月中上旬 | 最新nCoV研究大汇总...
- sencha touch 模仿tabpanel导航栏TabBar(2013-11-7)
- 二十万字C/C++、嵌入式软开面试题全集宝典十
- SpringCloud之RestTemplate,几种常见的请求方式
- jaxb 处理_休息使用Jersey –包含JAXB,异常处理和客户端程序的完整教程
- 简述java的线程_Java多线程的简述
- word 转 PDF时报错
- 论模式在领域驱动设计中的重要性
- PHP接口报错:Malformed UTF-8 characters, possibly incorrectly encoded
- JavaScript的学习指南
- DataFormatString格式字符串
- 线性代数矩阵秩的8大性质、重要定理以及关系
- 针对单个网站的渗透思路(精)
- 华为笔记本开发android,华为二合一笔记本支持Android可能是鸡肋!
- 通过python理解相速度和群速度
- 小米文件管理android,小米文件管理器
- linux安装vsftpd
- C语言程序设计现代方法(第二版)十二章课后练习题部分答案
- c语言getch 的用法,c语言getch()的用法是什么?
- [学习笔记]ARM_DSP库——基础函数(相反数、偏移、移位、减法、比例因子)
热门文章
- 如何编写更好的POJO服务
- 早期访问中带有NetBeans的Oracle公共云Java服务
- 为什么我会在2012年的新企业Java项目中使用Java EE而不是Spring
- JBoss AS 7 EJB3池配置
- 改善Java应用程序性能的快速技巧
- Tomcat中的零停机部署(和回滚); 演练和清单
- 3650m5设置u盘启动_系统重装必备神器,U盘如何制作启动盘?
- Linux 命令之 iostat 命令-监视系统输入输出设备和 cpu 的使用情况
- Oracle/MySQL数据库的表间关联查询_多表关联查询的SQL语句详解
- python操纵excel的方法_python操作Excel的几种方式