jquery的select骚操作

转载于 2019-08-18 21:42:35 发布 · 234 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.aijquery.cn/Html/jquerytexiao/3.html

本文介绍了使用JavaScript操作HTML中Select下拉框的方法，包括如何根据文本选中特定选项、获取选中项的值和文本，以及在页面加载时初始化Select选项。

1、根据指定的文本来选中select下拉框指定的optilon选项

<script language="javascript">
var VZhi=$("#TZhi").val();
$("#S1 option").each(function(i,n){
if($(n).text()==VZhi)
{   
 $(n).attr("selected",true);
}  
});
</script>

2、获取select下拉框选中项的option的值：

var S3=$("#S3 option:selected").val();

3、获取select下拉框选中项的option的text文本：

var S2=$("#S2 option:selected").text();

4、添加刚载入网页时的初始动作，也就是当网页第一次打开时，还没有任何动作时，添加第二级和第三级下拉框select的选项。

<script language="javascript">
$(function(){    
v=$("#S1 option:selected").val();    
ShowSType(v,"S2");      
v=$("#S2 option:selected").val();    
ShowSType(v,"S3");
</script>