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;