背景：共两个下拉框，第一个下拉框选择完之后，以第一个选定的值为条件返回第二个下拉框中的内容，用js中的createElement()创建，并利用appendChild()来添加进父标签。出现意外：每次选定第一个下拉框选项后，总会在第二个下拉框中重复添加内容（子标签），导致选项一直重复。

解决：每次选定第一个下拉框选项，此时触发js函数，在添加子标签之前先清楚所有子标签，再添加，但第一个子标签<option>标签，需要保留，故清除出第一个<option>外所有<option>，操作如下：

$('#select option').not('option:first').remove(); //select为下拉框的id ，option为它的子标签

js html标签select 中option 删除除了第一行外的其他行的更多相关文章

  1. 下拉框select中option居中样式

    下拉框select中option居中样式 text-align:center;text-align-last:center;

  2. 有关attribute和property，以及各自对select中option的影响

    这个问题老生常谈,但是直到现在我依旧时常会把它搞混.下面列一些各自的特性.   attribute property 设置方法 option.setAttribute('selected', true ...

  3. select中option的onclick事件失效

    html: <select id="pageSelect"> <option value="1" selected onclick=" ...

  4. vue-learning：14 - js - new Vue(options)中option

    new Vue(options)中option 2019-4-14 Vue的核心是数据驱动,在template中实现视图逻辑,在javascript中实现业务逻辑.要通过模板template将数据显示 ...

  5. js添加select中option

    1.js代码 $("#year").append("<option value="+value的值+">"+内容+"& ...

  6. JS动态获取select中被选中的option的值，并在控制台输出

    生活城市: <select id="province"> <option>河南省</option> <option>黑龙江省< ...

  7. js 获取select 中option 的个数

    //document.writeln(document.getElementById("sel").options.length); //document.writeln(docu ...

  8. 删除select中所有option选项jquery代码

    select中所有option选项如何删除,本文使用jquery简单实现下,有此需求的朋友可以参考下,希望对大家有所帮助. 这样写 复制代码代码如下: <select id="sear ...

  9. JQuery中对Select的option项的添加、删除、取值

    jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件, ...

随机推荐

  1. REATE A STATIC WEBSITE

    REATE A STATIC WEBSITE USING JEKYLL Review Great work! Let's review what you accomplished in this un ...

  2. spring加载配置新旧方式对比

    老方式 1.首先要配置配置文件,如beans.xml,内容如下: <?xml version="1.0" encoding="UTF-8"?> &l ...

  3. 【译】深度双向Transformer预训练【BERT第一作者分享】

    目录 NLP中的预训练 语境表示 语境表示相关研究 存在的问题 BERT的解决方案 任务一:Masked LM 任务二:预测下一句 BERT 输入表示 模型结构--Transformer编码器 Tra ...

  4. mysql学习一 常用语句

    操作系统为windows  1 启动关闭mysql服务 //windows mysqld --console //开启mysql服务 mysqladmin -uroot shutdown //关闭my ...

  5. (转)IIS7无法读取配置文件解决办法

    web.config 太大导致”出现无法读取配置文件,因为它超过了最大文件大小”错误问题的解决方法,如下:HKLM\SOFTWARE\Microsoft\InetStp\Configuration\M ...

  6. VS2017编译SNMP++步骤记录

    1.下载地址:https://www.agentpp.com/download.html 三个都下 2.新建解决方案 TestSnmp 3.下载后解压到解决方案文件夹(注意,解压后的 snmp++的版 ...

  7. Day07 - Ruby比一比：Symbol符号与String字串

    前情提要: 第六天我们透过Ruby代码练习public,protected和privatemethod时,发现冒号在前面的参数,:mydraft,:myspace,这些就是符号Symbol.在今天,我 ...

  8. [ts] Property 'aaa' does not exist on type 'Window' 解决办法

    第一种: (window as any).aaa 第二种: declare global { interface Window { aaa: any; } } window.aaa = window. ...

  9. Collections与Collection

    Collection是集合体系的最顶层,包含了集合体系的共性 Collections是一个工具类,方法都是用用Collection Collections方法: //static int binary ...

  10. hibernate NUMBER 精度

    通过Hibernate映射实体时会根据数据库中NUMBER类型的精度,生成相应的POJO类中相对应的主键类型.经过亲测结果如下: NUMBER(1) POJO类中生成的是Boolean publicc ...