用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字

神马    -  云代码空间

—— 任何傻瓜都能写出计算机可以理解的代码,好的程序员能写出人能读懂的代码。

Jquery操作下拉框

2013-02-28|1563阅||

摘要:下拉的值是从库中读取的。这次做的有点特殊,特殊在那呢?不光要获取值,更要获取所选中的文本来插入数据库中。

     本人最近使用jq编写js代码,下拉的值是从库中读取的。这次做的有点特殊,特殊在那呢?不光要获取值,更要获取所选中的文本来插入数据库中。

     这就有问题了?为什么呢,之前一直都是用纯js编写,这次突然使用jq来获取下拉,都有点不知所措了。

     网上查找相关资料,一看原理还真简单,获取当前选择项的文本,实现方法如下:

    方法1:

$("#selectid option:selected").text()   //selectid下拉框的id

    方法2:

$("#selectid").find("option:selected").text();

上面的两个方法是怎么获取当前选择项的文本;


下面就介绍下jq操作下拉框的一些方法:

1、获取select选中的 value:  

$("#selectid").val();


2、获取select选中的索引:

$("#selectid").get(0).selectedIndex;


3、设置select 选中的索引:

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


4、设置select 选中的value:

    $("#selectid").attr("value","hello“);

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

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

 

5、设置select 选中的text:

var count=$("#selectid").find("option").length;

for(var i=0;i<count;i++){         

     if($("#selectid").get(0).options[i].text == text) { 
            $("#selectid").get(0).options[i].selected = true; 
            break; 
     }

}

 

6、select根据value默认选中
        $("#selectidoption[value='selectValue']").attr("selected",true);


7、清空 Select: 

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


8、添加另一个select option(将第二个的值插入到第一个里面) :

$("#selectid").find("option").clone().appendTo("#selectid2");   


9、设置选中项: 

$("#selectid").get(0).selectedIndex=2;


顶 0踩 0收藏
文章评论
共1 条评论 1/1页
发表评论

个人资料

  • 昵称: 神马
  • 等级: 高级设计师
  • 积分: 5284
  • 代码: 1024 个
  • 文章: 154 篇
  • 随想: 57 条
  • 访问: 358 次
  • 关注

站长推荐