我已经设置了这个待办事项列表,几乎所有东西都完美无缺.但是,如果我删除列表中的所有内容.它不会让我添加一个新的条目,我似乎无法弄明白为什么.只要我在列表中至少有一个条目,它就可以正常工作.

非常感谢任何帮助,谢谢.

< 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中的待办事项列表相关推荐

  1. html首页我的待办,需要帮助使HTML 5中的待办事项列表[解决]

    错误是由于输入错误.我还没有删除问题,以便其他人可以使用HTML 5获得有关基本待办事项的帮助.如果必须删除此评论,我将删除该问题.需要帮助使HTML 5中的待办事项列表[解决] 你好我是一个初学者到 ...

  2. Javascript之网页版待办事项

    本文使用原生JS实现站点 http://www.todolist.cn/ 的基本功能. 其中页面的HTML布局和CSS样式取用原站,JS部分为自己编写. 效果图 完整代码 HTML.JS部分 < ...

  3. HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码

    HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...

  4. HTML5期末大作业:商城网站设计——防锤子手机商城官网首页模板(HTML+CSS+JavaScript ) 电商网页HTML代码...

    HTML5期末大作业:商城网站设计--防锤子手机商城官网首页模板HTML+CSS+JavaScript 电商网页HTML代码 学生网页课程设计期末作业下载 商城网页大学生网页设计制作成 临近期末, 你 ...

  5. JavaScript文件中调用AngularJS内部方法或改变$scope变量

    需要在其他JavaScript文件中调用AngularJS内部方法或改变$scope变量,同时还要保持双向数据绑定: 首先获取AngularJS application: 方法一:通过controll ...

  6. java代码中fastjson生成字符串和解析字符串的方法和javascript文件中字符串和json数组之间的转换方法...

    1.java代码中fastjson生成字符串和解析字符串的方法 List<TemplateFull> templateFulls = new ArrayList<TemplateFu ...

  7. javascript 字符串中间隔固定位置插入字符

    javascript 字符串中间隔固定位置插入字符 代码: <!DOCTYPE html> <html lang="en"> <head>< ...

  8. 【Infragistics教程】在javascript类中添加静态成员属性

    2019独角兽企业重金招聘Python工程师标准>>> [下载Infragistics Ultimate最新版本] 在一个javascript类中创建一个属性的需求,它需要被所有对象 ...

  9. JavaScript脚本中 getElementById 返回值总是为空

    出现该问题的主要问题是由于JavaScript脚本中调用的标签位置位于脚本位置之后,我理解的JavaScript调用了尚未加载的标签,故而出错.因此解决办法也好办,就是讲JavaScript代码写在b ...

最新文章

  1. 新型冠状病毒全球实时跟踪地图,多国研发疫苗,在中国或致8042例感染,爆发峰值预计2月中上旬 | 最新nCoV研究大汇总...
  2. sencha touch 模仿tabpanel导航栏TabBar(2013-11-7)
  3. 二十万字C/C++、嵌入式软开面试题全集宝典十
  4. SpringCloud之RestTemplate,几种常见的请求方式
  5. jaxb 处理_休息使用Jersey –包含JAXB,异常处理和客户端程序的完整教程
  6. 简述java的线程_Java多线程的简述
  7. word 转 PDF时报错
  8. 论模式在领域驱动设计中的重要性
  9. PHP接口报错:Malformed UTF-8 characters, possibly incorrectly encoded
  10. JavaScript的学习指南
  11. DataFormatString格式字符串
  12. 线性代数矩阵秩的8大性质、重要定理以及关系
  13. 针对单个网站的渗透思路(精)
  14. 华为笔记本开发android,华为二合一笔记本支持Android可能是鸡肋!
  15. 通过python理解相速度和群速度
  16. 小米文件管理android,小米文件管理器
  17. linux安装vsftpd
  18. C语言程序设计现代方法(第二版)十二章课后练习题部分答案
  19. c语言getch 的用法,c语言getch()的用法是什么?
  20. [学习笔记]ARM_DSP库——基础函数(相反数、偏移、移位、减法、比例因子)

热门文章

  1. 如何编写更好的POJO服务
  2. 早期访问中带有NetBeans的Oracle公共云Java服务
  3. 为什么我会在2012年的新企业Java项目中使用Java EE而不是Spring
  4. JBoss AS 7 EJB3池配置
  5. 改善Java应用程序性能的快速技巧
  6. Tomcat中的零停机部署(和回滚); 演练和清单
  7. 3650m5设置u盘启动_系统重装必备神器,U盘如何制作启动盘?
  8. Linux 命令之 iostat 命令-监视系统输入输出设备和 cpu 的使用情况
  9. Oracle/MySQL数据库的表间关联查询_多表关联查询的SQL语句详解
  10. python操纵excel的方法_python操作Excel的几种方式