• js处理select操作总结


    1.网址:

    http://www.cnblogs.com/Herist/archive/2007/09/24/903890.html

    http://www.cnblogs.com/xiangpiaopiao2011/archive/2011/06/15/2081580.html

    2.代码总结

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>第一个简单的jQuery程序</title>
        <script language="javascript" type="text/javascript" 
                src="Jscript/jquery-1.4.2.min.js"></script>
        <script type="text/javascript">   
     
              var selectIndex='1'; 
        			/*获取选择的value*/    
              function clickSelect(){
              	selectIndex="1";
              	var obj = document.getElementById("select");
    						selectIndex = obj.selectedIndex;
              }
              function changeSelect(){
               var selectVal = $("#select").val();                                 //获取选中记录的value值 
    					 var selectText = $("#select option:selected").text();         //获取选中记录的text值
    					// alert(selectVal +":"+selectText);
    					 
    					 //ajax
    					 if(selectVal=='2'){//如果是2 需要提醒
    					 	var r=confirm("danger是否确认选择?");
    					  if (r==true)
    				    {
    				    	alert("更新成功");
    				    }else{
    				    	var obj = document.getElementById("select");
    							obj.options[selectIndex].selected = true;  //保持选中状态
    				    }
    					 }else{
    					 	
    					 }
    					}
      
        </script>
    </head>
    <body>
    <select  id="select" onclick="clickSelect()" onchange="changeSelect()">
    <option value="1">一</option>
    <option value="2">二</option>
    <option value="3">三</option>
    <option value="4">四</option>
    <option value="5">五</option>
    <option value="6">六</option>
    <option value="7">七</option>
    <option value="8">八</option>
    <option value="9">九</option>
    </select>
    </body>
    </html>
    

      

  • 相关阅读:
    4、数组及字符串
    3、处理数据
    2、开始学习C++
    1、C++学习预备知识
    Django【进阶篇 】
    Django【基础篇】
    Python操作MySQL
    MySQL(二)
    python日记-使用队列写出特殊字数串
    python日记-快速排序算法
  • 原文地址:https://www.cnblogs.com/sj521/p/5310894.html
Copyright © 2020-2023  润新知