Chinaunix首页 | 论坛 | 博客
  • 博客访问: 229353
  • 博文数量: 81
  • 博客积分: 1165
  • 博客等级: 少尉
  • 技术积分: 1425
  • 用 户 组: 普通用户
  • 注册时间: 2012-05-04 11:27
文章分类

全部博文(81)

文章存档

2015年(1)

2014年(2)

2013年(37)

2012年(41)

我的朋友

分类: jQuery

2013-02-26 09:56:29

     本人最近使用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

     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;


阅读(1455) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~