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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/347498.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

win10下最新MySQL8.0安装与环境配置,Navicat图形化管理工具连接,完整详细可收藏

微信公众号&#xff1a;创享日记 发送&#xff1a;sqlyog 获取SQLyog客户端安装包 文章目录一、MySQL的卸载二、MySQL的下载安装和配置三、MySQL的开启和登录四、MySQL图形化管理工具一、MySQL的卸载 步骤1&#xff1a;停止MySQL服务 在卸载之前&#xff0c;先停止MySQL8.0的服…

Fn函数来构建Oracle ADF应用程序

在我以前的一篇文章中&#xff0c;我描述了如何创建一个Docker容器作为ADF应用程序的构建器。 在这里&#xff0c;我将展示如何将此容器用作 在FN平台的功能 。 首先&#xff0c;让我们更新容器&#xff0c;使其符合功能要求&#xff0c;这意味着可以将其作为接受某些参数的可…

教师计算机提升学到的知识,计算机教学质量提升措施浅谈.doc

计算机教学质量提升措施浅谈计算机教学质量提升措施浅谈一、热情投入&#xff0c;创设宽松和谐的课堂学习氛围在课堂教学中&#xff0c;教师要尊重每一个学生的权利&#xff0c;一视同仁&#xff0c;对于学生的错误&#xff0c;要委婉地指出&#xff0c;鼓励学生进行改正&#…

MySQL基本的SELECT语句,SQL语言概述,基础和重要不冲突,完整详细可收藏

文章目录1、SQL语言的分类2、SQL语言的规则与规范3、基本的SELECT语句4、DESCRIBE显示表结构5、WHERE过滤数据1、SQL语言的分类 SQL语言在功能上主要分为如下3大类&#xff1a; DDL&#xff08;Data Definition Languages、数据定义语言&#xff09;&#xff0c;这些语句定义…

广告学和计算机共通,本科生广告学专业个人职业规划书范文

广告经营管理、广告策划创意和设计制作、市场营销策划及市场调查分析工作的广告学高级专门人才。一般来说&#xff0c;广告业的发展多数集中在大中城市和经济发达的地区。这些地区人口密集、竞争激烈&#xff0c;但薪水相对较高。三、职业选择分析1、个人职业选择目前最大的困惑…

MySQL运算符,SQL,算术比较逻辑位,优先级,正则表达式,完整详细可收藏

文章目录1、算术运算符2、比较运算符3、逻辑运算符4、位运算符5、运算符的优先级拓展&#xff1a;使用正则表达式查询1、算术运算符 算术运算符主要用于数学运算&#xff0c;其可以连接运算符前后的两个数值或表达式&#xff0c;对数值或表达式进行加&#xff08;&#xff09;…

苹果原装转接头不能连html,变革之际 iPhone 7P原装lightning耳机及转接头拆解

苹果最新推出的iphone7 系列&#xff0c;最大的改动是取消了3.5mm耳机孔&#xff0c;用lightning接口取代&#xff0c;这个看来也是趋势&#xff0c;安卓手机有几款也是直接用Type-c的接口解决音频、充电问题的。lightning耳机的接口最大的不便不能同时听歌充电&#xff0c;只能…

MySQL排序ORDER BY与分页LIMIT,SQL,减少数据表的网络传输量,完整详细可收藏

文章目录1、ORDER BY排序2、LIMIT分页1、ORDER BY排序 1.1 排序规则 使用 ORDER BY 子句排序 ASC&#xff08;ascend&#xff09;: 升序 DESC&#xff08;descend&#xff09;:降序 ORDER BY 子句在SELECT语句的结尾。 1.2 单列排序 SELECT last_name, job_id, department_i…

java 反射api_Java的反射API

java 反射api如果您曾经问​​过自己以下问题&#xff1a; –“如何在字符串中仅包含其名称的方法调用&#xff1f;” –“如何动态列出类中的所有属性&#xff1f;” –“如何编写将任何给定对象的状态重置为默认值的方法&#xff1f;” 然后&#xff0c;您可能已经听说过…

计算机论文日志30页,毕业论文计算机应用基础(30页)-原创力文档

简单几何图形的识别和编辑摘要本论文主要讲述了图像文件(bmp )文件格式下中简单图形的识别&#xff0c;主要是直线和圆的识别&#xff0c;这在工程图的识别和其他领域中都有很多的应用。【关键词】&#xff1a;图形识别、图像处理、霍夫变换、单义域、多义域、delphi- 1 -简单几…

MySQL多表查询,SQL,笛卡尔积等值连接自连接外连接,SQL99新特性,完整详细可收藏

文章目录1、笛卡尔积&#xff08;交叉连接&#xff09;2、等值连接 vs 非等值连接3、自连接 vs 非自连接4、内连接 vs 外连接5、SQL99语法新特性多表查询&#xff0c;也称为关联查询&#xff0c;指两个或更多个表一起完成查询操作。 前提条件&#xff1a;这些一起查询的表之间…

针对开发人员的Microsoft SQL Server元数据

Microsoft SQL Server 2016最近在关系数据库管理系统&#xff08;RDBMS&#xff09;中处于领先地位。 高性能&#xff0c;安全性&#xff0c;分析和云兼容性的结合使其成为领先的RDBMS 。 SQL Server 2017甚至支持R和Python编程语言&#xff0c;这进一步提高了它在学术机构中的…

计算机怎么录制视频教程,怎么录制视频教程?查看电脑具体录屏方法

怎么录制视频教程&#xff1f;查看电脑具体录屏方法2020年04月07日 15:25作者&#xff1a;黄页编辑&#xff1a;黄页分享怎么录制视频教程?有时候在生活中遇到了喜欢的视频、直播等&#xff0c;想在电脑上通过录屏的方式记录下来。高质量的录屏视频怎么实现?其实具体录屏的方…

加密解密,MySQL单行函数,数学函数字符串日期时间,流程控制,完整详细可收藏查询SQL

前些天发现了十分不错的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;没有广告&#xff0c;分享给大家&#xff0c;大家可以自行看看。&#xff08;点击跳转人工智能学习资料&#xff09; 文章目录1、函数的理解2、数值函数2.1 基本函数2.2 角度与弧度…

无锡太湖学院计算机科学与技术宿舍,无锡太湖学院宿舍条件,宿舍环境图片(10篇)...

无锡太湖学院宿舍条件,宿舍环境图片(10篇)大学宿舍是一个神奇的地方&#xff0c;来自于天南地北的同学聚集在一个屋檐下&#xff0c;并将在一起度过宝贵的大学时光。人们常说&#xff0c;没有住过宿舍的大学是不完整的。当然不同的大学宿舍环境条件都不一样。高考升学网小编本文…

SELECT执行过程,MySQL聚合函数,多行分组函数,GROUP BY HAVING,详细完整可收藏

文章目录1、聚合函数介绍2、五个常用聚合函数3、GROUP BY4、HAVING5、SELECT的执行过程1、聚合函数介绍 聚合函数作用于一组数据&#xff0c;并对一组数据返回一个值。聚合函数不能嵌套调用。比如不能出现类似“AVG(SUM(字段名称))”形式的调用。 2、五个常用聚合函数 2.1 A…

在JDK 9中将InputStream传输到OutputStream

可以使Java中的有时例行任务变得更加轻松的JDK 9的次要补充之一是方法InputStream.transferTo&#xff08;OutputStream&#xff09;的增加 。 顾名思义&#xff0c;此方法允许将字节轻松地从调用该方法的对象表示的输入流传输&#xff08;复制&#xff09;到提供给该方法的输出…

全国计算机三级数据库技术选择题,全国计算机三级《数据库技术》选择题训练2016...

1.使用DECLARE命令定义数组后&#xff0c;各数组元素在没有赋值之前的数据类型是(d)A.无类型B.字符型C.数值型D.逻辑型2.顺序执行下列命令后&#xff0c;屏幕最后显示的结果是(b)a"9"b"a"?TYPE(&"b")A.NB.CC.DD.U3.用DIMENSLONa(2&#xff…

嵌套套娃,MySQL子查询,单行与多行子查询,相关和不相关(关联)子查询,完整详细可收藏

文章目录1、需求分析与问题解决2、单行子查询3、多行子查询4、相关子查询5、抛一个思考题子查询指一个查询语句嵌套在另一个查询语句内部的查询&#xff0c;这个特性从MySQL 4.1开始引入。SQL 中子查询的使用大大增强了 SELECT 查询的能力&#xff0c;因为很多时候查询需要从结…

键盘连接在计算机的,技巧:如何在计算机键盘上输入连字符和破折号?

文字/连字符在哪里&#xff0c;我该如何输入&#xff1f;例如&#xff0c;某些英语单词中有连字符&#xff0c;例如高层。当然&#xff0c;有时是否有连字符都没有关系&#xff0c;并且不影响其含义。但是&#xff0c;有时有必要。例如&#xff0c;单词在行尾的位置是不够的。您…