사용하기 좋은 jquery 조작 select 플러그인
3937 단어 jquery
/*
:jquery.liu.select.js
: js jquery , select .
:John Liu
:2008/03/12
*/
// select
jQuery.fn.size = function(){
return jQuery(this).get(0).options.length;
}
//
jQuery.fn.getSelectedIndex = function(){
return jQuery(this).get(0).selectedIndex;
}
//
jQuery.fn.getSelectedText = function(){
if(this.size() == 0) return " ";
else{
var index = this.getSelectedIndex();
return jQuery(this).get(0).options[index].text;
}
}
//
jQuery.fn.getSelectedValue = function(){
if(this.size() == 0)
return " ";
else
return jQuery(this).val();
}
// select value
jQuery.fn.setSelectedValue = function(value){
jQuery(this).get(0).value = value;
}
// select text
jQuery.fn.setSelectedText = function(text)
{
var isExist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].text == text)
{
jQuery(this).get(0).options[i].selected = true;
isExist = true;
break;
}
}
if(!isExist)
{
alert(" ");
}
}
//
jQuery.fn.setSelectedIndex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert(" ");
}
else
{
jQuery(this).get(0).selectedIndex = index;
}
}
// select value
jQuery.fn.isExistItem = function(value)
{
var isExist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].value == value)
{
isExist = true;
break;
}
}
return isExist;
}
// select , text, value, ,
jQuery.fn.addOption = function(text,value)
{
if(this.isExistItem(value))
{
alert(" ");
}
else
{
jQuery(this).get(0).options.add(new Option(text,value));
}
}
// select value , ,
jQuery.fn.removeItem = function(value)
{
if(this.isExistItem(value))
{
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].value == value)
{
jQuery(this).get(0).remove(i);
break;
}
}
}
else
{
alert(" !");
}
}
// select
jQuery.fn.removeIndex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert(" ");
}
else
{
jQuery(this).get(0).remove(index);
}
}
// select
jQuery.fn.removeSelected = function()
{
var index = this.getSelectedIndex();
this.removeIndex(index);
}
// select
jQuery.fn.clearAll = function()
{
jQuery(this).get(0).options.length = 0;
}
사용할 때 jquery를 도입합니다.js 파일, jquery를 도입합니다.liu.select.js 파일을 사용하면 이 플러그인을 호출할 수 있습니다.예를 들어, 나는 id가seleEmail인 밑에 있는 상자의 모든 항목을 지우려고 한다. 그러면 나는 이렇게 할 수 있다. ("#seleEmail")clearAll();
전재하다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.