jQuerySelect下拉框操作小结(推荐).pdfVIP

这篇文章主要介绍了 jQuery Select 下拉框操作小结 (推荐 ) 的相关资料 ,非常实用， 在前端 开发经常可以用到，需要的朋友可以参考下 jQuery 获取 Select 元素，并选择的 Text 和 Value: 1. $(#select_id).change(function(){//code...}); // 为 Select 添加事件， 当选择其中一项时触 发 2. var checkText=$(#select_id).find(option:selected).text(); // 获取 Select 选择的 Text 3. var checkValue=$(#select_id).val(); // 获取 Select 选择的 Value 4. var checkIndex=$(#select_id ).get(0).selectedIndex; // 获取 Select 选择的索引值 5. var maxIndex=$(#select_id option:last).attr(index); // 获取 Select 最大的索引值 jQuery 获取 Select 元素，并设置的 Text 和 Value: 实例分析： 1. $(#select_id ).get(0).selectedIndex=1; // 设置 Select 索引值为 1 的项选中 2. $(#select_id ).val(4); // 设置 Select 的 Value 值为 4 的项选中 3. $(#select_id option[text=jQuery]).attr(selected, true); // 设置 Select 的 Text 值为 jQuery 的项选中 jQuery 添加 / 删除 Select 元素的 Option 项： 实例分析： 1. $(#select_id).append(lt;option value=Valuegt;Textlt;/optiongt;); // 为 Select 追 加一个 Option( 下拉项 ) 2. $(#select_id).prepend(lt;option value=0gt; 请选择 lt;/optiongt;); // 为 Select 插 入一个 Option( 第一个位置 ) 3. $(#select_id option:last).remove(); // 删除 Select 中索引值最大 Option( 最后一个 ) 4. $(#select_id option[index=0]).remove(); // 删除 Select 中索引值为 0 的 Option( 第一个 ) 5. $(#select_id option[value=3]).remove(); // 删除 Select 中 Value=3 的 Option 6. $(#select_id option[text=4]).remove(); // 删除 Select 中 Text=4 的 Option 三级分类 lt;select name=thirdLevel id=thirdLevel onchange=getFourthLevel()gt; lt;option value=0 id=thirdOptiongt; 请选择三级分类 lt;/optiongt; lt;/selectgt; lt;/divgt; 四级分类 : lt;select name=fourthLevelId id=fourthLevelIdgt; lt;option value=0 id=fourthOptiongt; 请选择四级分类 lt;/optiongt; lt;/selectgt; lt;/divgt; .if($(#thirdLevel).val()!=0){ $(#thirdLevel option[value!=0])