前端开发

[jQuery] select option 的读、增、删、改

字号+ 作者:hanyufeng 来源: 2016-08-14 18:46:17 我要评论( ) 阅读:

...

一、读取option的值

获取选中option的Text值和Value值:

//作为下拉框的select
jQuery("#select_id").val();
jQuery("#select_id").text();

可多选(即作为ListBox)的select有所不同

//选中的option的value值,多个值以逗号(,)分隔
jQuery("#select_id").val(); 
//全部option的text值,不管是否选中,多个值以换行符分隔
jQuery("#select_id").text();

二、添加option

 

jQuery("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项)

 

三、删除option

jQuery("#select_id option[value='3']").remove();   
//删除Select中Value='3'的Option

 

参考资料:

http://blog.csdn.net/lgh1117/article/details/7199186

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • select option 精确匹配

    select option 精确匹配