分页-select中option的selected属性的动态指定!!

问题描述

select中option的selected属性的动态指定!!

我现在有个select标签,下面有option选项,现在选择后要固定住,等于说提交数据后还是选中的选项。因为涉及到后面的一个分页展示,所以这个值要固定住。

 function mySel(obj){
        //alert(obj.selectedIndex);
        //obj.selected="selected";
        //obj.setAttribute("selected",true);
        var index=obj.selectedIndex;
        var ops=document.getElementById("mySelect");
        for(var i=0;i<ops.options.length;i++){
            if(ops.options[i].selectedIndex==index){
                //ops.options[i].selected="selected";
                ops.options[i].setAttribute("selected","true");
                break;
            }
        }

    }
这是我的代码,用了两种方法,但是每次提交后又变了!!等于这个selected属性没有设置到option上,知道的告诉我为什么?????????????????????????

解决方案

http://zhidao.baidu.com/link?url=2DSoUFy68Vtak94bcKfshxWGe_Em2dOQz4VGT7pV-HGhmPe97mjFh113KUtvrxUttq5rCZx1Ss4jojfjhmHlUK

解决方案二:

你要获取提交后的值就行比较,你提交了页面刷新selectedIndex会恢复默认的第一个

 function mySel(obj){
        var ops=document.getElementById("mySelect");
        var v='<%=你服务器端获取到值的变量名%>'
        for(var i=0;i<ops.options.length;i++){
            if(ops.options[i].value==v){////////////////
               ops.options[i].selected="selected";
                break;
            }
        }

    }
时间: 2024-10-03 21:03:12

分页-select中option的selected属性的动态指定!!的相关文章

排序Select中Option项的一个示例

select|排序|示例    Form中的Select控件不支持对选择项(Option)的排序,下面我将对Option中value属性值进行排序,并调整每个Option排序后的位置,具体代码如下(这里假设每个Option中的value与其中的text内容相同):   该函数运用了Array(数组)对象的排序(sort)方法,实现了Select排序. function sortMe(oSel){var ln = oSel.options.length;var arr = new Array();

怎么自动选中select中所有option

select|选中 我想得到一段javascript程序用来选中select中所有的选项,然后把这个程序放到form的onsubmit中,这样一提交就自动选中了所有选项,那么也可以接收到了,请问这段javascript怎么样写?  linux_boot ---------------------------------------------------------------   <select  id=a1  multiple>  <option>123</option&

IE6/7/8中Option元素未设value时Select将获取空字符串_javascript技巧

如下 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <title>IE6/7/8中Option元素未设value时Select将获取空字符串</title> </head> <body> <select onchange="alert(this.value)"> <option>one</option> <option>

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

jQuery获取Select选择的Text和Value: 复制代码 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id

清空select标签中option选项的3种不同方式

本文为大家详细介绍下使用3种不同方式来清空select标签中option选项,具体语法格式如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助   方法一 复制代码 代码如下: document.getElementById("selectid").options.length = 0; 方法二 复制代码 代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码 代码如下: document.getElementByI

JS动态添加与删除select中的Option对象

 本篇文章主要介绍了JS动态添加与删除select中的Option对象(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助 如下所示: 代码如下: //动态删除select中的所有options:    function delAllOptions(){         document.getElementById("user_dm").options.length=0;    }     //动态删除select中的某一项option:     function delOne

JS动态添加与删除select中的Option对象(示例代码)_javascript技巧

如下所示: 复制代码 代码如下: //动态删除select中的所有options:   function delAllOptions(){        document.getElementById("user_dm").options.length=0;   }  //动态删除select中的某一项option:    function delOneOption(index){        document.getElementById("user_dm").

兼容firefox和Opera,select中添加、修改、删除option元素

兼容firefox和opera,select中添加.修改.删除option元素,代码如下: function watch_ini(){ // 初始 for(var i=0; i<arguments.length; i++){ var ooption=new option(arguments[i],arguments[i]); document.getelementbyid("myselect").options[i]=ooption; } } function watch_add

IE6中出现&quot;无法设置selected属性&quot;解决办法

如下代码  代码如下 复制代码 selectObj.val(defaultSelect);//选中指定项 在其它浏览器都是没问题,就是ie6下不行,后来百度了一个 解决办法 就是设置selected属性的时候使用setTimeout函数设定一个时间即可,代码如下:  代码如下 复制代码  var selectObj = document.getElementById('selectId');  // 使用setTimeout之后问题解决  setTimeout(function() {