需求：选择了某个下拉列表选项，进行不同的操作

代码部分：

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>注销</title>
  6. </head> <!-- 2014.9.15 sawyershaw-->
  7.   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  8.   <script>
  9.   $(document).ready(
  10. 			function() {
  11. 				$("#myselect").change(function(){
  12. 					if($(this).children('option:selected').val()=="0")
  13. 					{
  14.  
  15. 						$("#00").children("p").children("b").children("font").html("报废车回收证明");
  16. 					}
  17. 				else if($(this).children('option:selected').val()=="1")
  18. 				{
  19. 					$("#00").children("p").children("b").children("font").html("过户交易证明");
  20. 				}
  21. 				else if($(this).children('option:selected').val()=="2")
  22. 				{
  23. 					$("#00").children("p").children("b").children("font").html("受理报警回执");
  24. 				}
  25.   });
  26. 			});
  27.   </script>
  28.  </head>
  29.  <body>
  30.   <div>
  31. 		选择注销类型：<br><select class="1" id="myselect">
  32. 			<option id="0" value="0" selected="selected">正常报废</option>
  33. 			<option  id="1" value="1">过户</option>
  34. 			<option  id="2" value="2">被盗</option>
  35. 		</select>
  36.         <div id="00">
  37.        <p>你需要上传<b><font color="red">报废车回收证明</font></b></p>
  38.         </div>
  39. 	</div>
  40. </body>
  41. </html>

获取option的ID：

  1. $(select option:selected).attr(id);

获取option的value:

  1. $(select option:selected).val(); 或者 $("select[selected='selected']").val() ;

jQuery根据下拉列表的选择进行不同的操作的更多相关文章

  1. Jquery实现下拉列表左右选择

    知识点: jquery  的 click dbclick  事件  appendTo方法 <!DOCTYPE html> <html> <head> <met ...

  2. jQuery学习(七)——使用JQ完成下拉列表左右选择

    1.需求:实现以下功能 2.步骤分析: 第一步:确定事件(鼠标单击事件click) 第二步:获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧se ...

  3. jquery获取下拉列表的值和显示内容的方法

    页面的下拉列表: 选择时间段: <select name="timespan" id="timespan" class="Wdate" ...

  4. js实现-下拉列表左右选择

    下拉列表左右选择          * 下拉选择框               <select>                     <option>111</opt ...

  5. jQuery选择器的优化选择

    jQuery选择器的优化选择 1.1 属性选择器 var $div=$("[id]"); 选中拥有该属性的元素 var $div=$("[id=div]");  ...

  6. JavaScript案例五：下拉列表左右选择

    用JavaScript实现下拉列表左右选择,很简单,不过要特别注意循环时要注意变量是否发生了变化(见代码) <!DOCTYPE html> <html> <head> ...

  7. JQuery基础教程：选择元素（中）

    自定义选择符 JQuery在各种CSS选择符的基础上还添加了独有的完全不同的自定义选择符,注意,只要可能,jQuery就会使用浏览器原生的DOM选择符引擎去查找元素.但在使用自定义选择符的时候,就无法 ...

  8. jQuery 在Table中选择input之类的东西注意事项

    jQuery 在Table中选择input之类的东西注意事项: 如果不在td标签中,是不能进行正确选择的: <table id="tblFormId"> <tr& ...

  9. ul+jquery自定义下拉选择框

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. java11-5 String类的转换功能

    String的转换功能: byte[] getBytes():把字符串转换为字节数组. char[] toCharArray():把字符串转换为字符数组. static String valueOf( ...

  2. 对访问修饰关键字public, protected, internal and private的说明

    对访问修饰关键字public, protected, internal and private的说明1.msdn: Internal types or members are accessible o ...

  3. 解析iOS开发中的FirstResponder第一响应对象

    1. UIResonder 对于C#里所有的控件(例如TextBox),都继承于Control类.而Control类的继承关系如下: 代码如下: System.Object System.Marsha ...

  4. 关联：objc_getAssociatedObject和objc_setAssociatedObject使用

    为UIButton的category添加属性 UIButton+subTitle.h #import <UIKit/UIKit.h> #import <objc/runtime.h& ...

  5. Linux 网络编程四（socket多线程升级版）

    //网络编程--客户端 #include <stdio.h> #include <stdlib.h> #include <string.h> #include &l ...

  6. pandas groupby

    pandas.DataFrame.groupby DataFrame.groupby(by=None, axis=0, level=None, as_index=True, sort=True, gr ...

  7. WebSocket 服务器4

    Java Websocket实例 Websocket   2015-04-11 14:11:54 发布 您的评价:       4.4   收藏     6收藏 介绍 现很多网站为了实现即时通讯,所用 ...

  8. MATLAB对于文本文件(txt)数据读取的技巧总结(经典中的经典)

    振动论坛原版主eight的经典贴http://www.chinavib.com/thread-45622-1-1.html MATLAB对于文本文件(txt)进行数据读取的技巧总结(经典中的经典)由于 ...

  9. Nutch搜索引擎（第4期）_ Eclipse开发配置

    1.环境准备 1.1 本期引言 前三期分别介绍了Nutch与Solr在Linux上面的安装,并做了简单的应用,这一期从开发的角度进行,因为我们日常最熟悉的开发环境是Windows,所以本期详细介绍Wi ...

  10. 崩溃日志记录工具Crashlytics

    http://try.crashlytics.com 申请账号,通常一两天 设置工程 后期更新,个人感觉使用这个很麻烦