一个js插件化解_jquery_脚本之家

1.js

这边是js的代码: 复制代码 代码如下:
jQuery.fn.size = function(卡塔尔 { return jQuery.options.length; }
//取得选中项的目录 jQuery.fn.getSelectedIndex = function(State of Qatar { return
jQuery.selectedIndex; } //取得当前相中项的文件 jQuery.fn.getSelectedText
= function == 0卡塔尔国 { return “下拉框中无选项”; } else { var index =
this.getSelectedIndex(卡塔尔(قطر‎; return jQuery.options[index].text; } }
//取妥当前当选项的值 jQuery.fn.getSelectedValue = function == 0卡塔尔 {
return “下拉框中无选中值”; } else { return jQuery; } }
//设置select中值为value的项为选中 jQuery.fn.setSelectedValue =
function.get.value = value; } //设置select中文件为text的第一项被入选
jQuery.fn.setSelectedText = function { var isExist = false; var count =
this.size(卡塔尔(قطر‎; for { if.options[i].text == text) {
jQuery.options[i].selected = true; isExist = true; break; } } if {
alert; } } //设置选中钦赐索引项 jQuery.fn.setSelectedIndex = function {
var count = this.size(卡塔尔; if(index >= count || index < 0卡塔尔国 { alert;
} else { jQuery.selectedIndex = index; } }
//判定select项中是还是不是存在值为value的项 jQuery.fn.isExistItem = function {
var isExist = false; var count = this.size(卡塔尔(قطر‎; for {
if.options[i].value == value卡塔尔 { isExist = true; break; } } return
isExist; }
//向select中加多一项,突显内容为text,值为value,若是该项值已存在,则提示jQuery.fn.addOption = function { if(this.isExistItem { alert; } else {
jQuery.options.add(new Option; } }
//删除select中值为value的项,倘使该项不设有,则提示 jQuery.fn.removeItem
= function { if(this.isExistItem { var count = this.size(卡塔尔国; for {
if.options[i].value == valueState of Qatar { jQuery.remove; break; } } } else {
alert; } } //删除select中钦赐索引的项 jQuery.fn.removeIndex = function {
var count = this.size(卡塔尔(قطر‎; if(index >= count || index < 0卡塔尔国 { alert;
} else { jQuery.remove; } } //删除select中选定的项
jQuery.fn.removeSelected = function(State of Qatar { var index =
this.getSelectedIndex(卡塔尔; this.removeIndex; } //消亡select中的全体项
jQuery.fn.clearAll = function.get.options.length = 0; }
使用很简短,先引进主要的Jquery.js
然后再引进那个js文件,然后你就可以动用那些艺术了

var obj=document.getElementById;obj.options.length = 0; //清除所有内容obj.options[index] = new Option; //更改对应的值obj.options[index].selected = true; //保持选中状态obj.add; ”文本",”值"var index = obj.selectedIndex;obj.options.remove;//删除选中项

2.jquery

$.append("Text"); //为Select追加一个Option.").find.text(); 获取select选中的text$; 获取select选中的value$("#select_id option[index='0']").remove();//删除索引值为0的Option$("#select_id option[value='3']").remove(); //删除值为3的Option$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option$.change{//添加所需要执行的操作代码})

补给: js获取select标签选中的值

var obj = document.getElementByIdx_x; //定位idvar index = obj.selectedIndex; // 选中索引var text = obj.options[index].text; // 选中文本var value = obj.options[index].value; // 选中值

jQuery中收获选中select值

先是种格局

$('#testSelect option:selected').text();//选中的文本$('#testSelect option:selected') .val();//选中的值$.get.selectedIndex;//索引

其次种办法

$.find.text;…….get.selectedIndex;

以上内容是小编给大家介绍的JS、jQuery中select的用法详细解释,希望对我们有着支持!

发表评论

电子邮件地址不会被公开。 必填项已用*标注