select 标签

  form提交的时候 提交select标签选中的value值

1. 添加项

  $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

  $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

2. 删除项

  $("#select_id option:first").remove(); //删除第一项

  $("#select_id option:last").remove(); //删除最后一项

  $("#select_id option[index='0']").remove();//删除索引值为0的Option

  $("#select_id option[value='3']").remove(); //删除值为3的Option

  $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

3. 清空项

  $("#select_id").empty();

  $("#select_id").html('');

4. 设置select选中项

  设置select选中的索引

 $("#select_id").get(0).selectedIndex=index;// index为索引值

  设置select 选中的value:

 $("#select_id option[value='value2']").attr("selected", "selected");

$("#select_id").attr("value","Normal“);

$("#select_id").val("Normal");

$("#select_id").get(0).value = value;

  试图设置select的text值都是无效的。

5. 获取select选中项

  $("#select_id ").val();//获取select 所有的value值

  $("#select_id ").text();//获取select 所有的text值

  $('#select_id option:selected').val();  $('#select_id').find("option:selected").val()//获取select 选中的value值

  $('#select_id option:selected').text();  $('#select_id').find("option:selected").text()//获取select 选中的text值

  $('#select_id').get(0).selectedIndex; //获取select选中的索引

6. 触发事件

  $('#select_id').change(function () {
                alert('you click select_id');
            });

input[type=checkbox] 标签

  form提交的时候 当checkbox被选中时,字段被提交;当checkbox不被选中时,字段不被提交

Jquery Dom节点常用操作的更多相关文章

  1. jQuery -- DOM节点的操作

    DOM 操作的分类: dom core: getElementById() getElementsByTagName() getAttribute() setAttribute() html-dom ...

  2. 第一百六十七节,jQuery,DOM 节点操作,DOM 节点模型操作

    jQuery,DOM 节点操作,DOM 节点模型操作 学习要点: 1.创建节点 2.插入节点 3.包裹节点 4.节点操作 DOM 中有一个非常重要的功能,就是节点模型,也就是 DOM 中的“M”.页面 ...

  3. dom节点的操作

    dom节点的操作 -- jQuery 内部插入 1.(结尾)append 方法 . appendto方法(为了方便链式操作) (开头)prepend方法           $('#div1').ap ...

  4. JavaScript HTML DOM元素节点常用操作接口

    在文档对象模型 (DOM) 中,每个节点都是一个对象.DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类 ...

  5. js、jquery对节点的操作(增、删)

    js对节点的操作方法 一.获取 1.父节点的获取 某节点的parentNode属性值即为该节点的父节点.示例: var parent = document.getElementById("o ...

  6. JS中的DOM— —节点以及操作

    DOM操作在JS中可以说是非常常见了吧,很多网页的小功能的实现,比如一些元素的增删操作等都可以用JS来实现.那么在DOM中我们需要知道些什么才能完成一些功能的实现呢?今天这篇文章就先简单的带大家入一下 ...

  7. jQuery DOM/属性/CSS操作

    jQuery DOM 操作 创建元素 只需要把DOM字符串传入$方法即可返回一个 jQuery 对象 var obj = $('<div class="test">&l ...

  8. jQuery自学笔记(四):jQuery DOM节点操作

    获得和设置内容:text( ).html( ) 以及 val( ) text( ) - 设置或返回所选元素的文本内容 html( ) - 设置或返回所选元素的内容(包括 HTML 标记) val( ) ...

  9. jQuery(Dom节点操作)

随机推荐

  1. python考点

    Python考点 1.Python类继承,内存管理(阿里) 答:内存管理机制包括:引用计数机制,垃圾回收机制,内存池机制 a = 1,1就是对象,a就是引用,引用a指向对象1. 2.Python装饰器 ...

  2. CodeIgniter学习笔记五:分页,文件上传,session,验证码

    一.分页 示例代码: //装载类文件 $this -> load -> library('pagination'); $controller = $this->router-> ...

  3. 常用模块(random)

    import randomimport string# dt = random.randint(1,2) # 从1-2间取随机数,包括1.2# dt = random.randrange(1,3) # ...

  4. excel批量导入

    https://www.cnblogs.com/mingyue1818/p/4828865.html

  5. ASP.NET Core 认证与授权[2]:Cookie认证 (笔记)

    原文链接:https://www.cnblogs.com/RainingNight/p/cookie-authentication-in-asp-net-core.html 由于HTTP协议是无状态的 ...

  6. Oz 创建CentOS7镜像

    参考链接: https://github.com/clalancette/oz/wiki/Oz-template-description-language https://github.com/cla ...

  7. 贪吃蛇StringBuilder 和 定时器

    ConsoleKeyInfo info = Console.ReadKey(); while (true) { if (info.Key == ConsoleKey.UpArrow)//只能输入一次但 ...

  8. try...catch 语句

    一般情况下,我们很少用到 try...catch 语句,但是有时候为了测试代码中的错误,也有可能会用到.小白我也在工作中用到过.那么好的程序设计,什么时候会用到呢? try...catch 一般用来捕 ...

  9. 201621123034 《Java程序设计》第8周学习总结

    作业08-集合 1. 本周学习总结 以你喜欢的方式(思维导图或其他)归纳总结集合相关内容. 2. 书面作业 1. ArrayList代码分析 1.1 解释ArrayList的contains源代码 答 ...

  10. InfluxDB安装后web页面无法访问的解决方案

    本文属于<InfluxDB系列教程>文章系列,该系列共包括以下 16 部分: InfluxDB学习之InfluxDB的安装和简介 InfluxDB学习之InfluxDB的基本概念 Infl ...