`
gcq04552015
  • 浏览: 458302 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery操作表单-下拉框

 
阅读更多
jQuery一般是通过val()方法来选中select
$("#bag").val("179")

下拉框的option有两个有用的参数一个是text,一个是value.上面是通过value来选中下拉框的,我们可以通过文本值来选中select吗?

view sourceprint?
1 $("#bag").val("通用")//没有效果 

2 //说明只能通过option的value值来选中下拉框
看来我们只能曲线救国了,通过遍历下拉框的所有option然后判断option的文本值 是否相等来选中

view sourceprint?1 $("#bag option").each(function(){ 

2 if($(this).text()=="通用"){ 

3 $(this).attr("selected",true) 

4 //$(this).attr("selected","selected")两者都可以选中 

======================================================================
假设下拉框叫a

清空:

a.length=0;

我还一直以为length是只读属性,居然还藏了这么一手,牛!

增加:

a.options[a.length]=new Option(text,value);

删除:

a.options[n]=null;

应用当中,删除完了往往会在后面加上一句a.click;用以刷新。否则下拉框停留在被删除的项目那儿显示为一片白。

修改:

a.options[n].value=value;

a.options[n].text=text;

当前选中的index:

a.selectedIndex

所以修改选中的下拉框往往就写成a.options[a.selectedIndex].value=value;
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics