>  기사  >  php教程  >  jQuery 드롭다운 메뉴 작업 요약

jQuery 드롭다운 메뉴 작업 요약

高洛峰
高洛峰원래의
2016-12-15 16:16:381244검색

선택 가져오기:

선택한 텍스트 가져오기:

$("#ddlRegType").find("option:selected").text();



select로 선택한 값 가져오기:

$("#ddlRegType ").val();



select로 선택한 인덱스 가져오기:

$("#ddlRegType ").get(0).selectedIndex;



선택 설정:

선택한 인덱스 선택 설정:

$("#ddlRegType ").get(0).selectedIndex=index;//index는 인덱스 값입니다.



선택 값 설정:

$ ("#ddlRegType ").attr("value","Normal ");

$("#ddlRegType ").val("Normal");

$("# ddlRegType ").get(0).value = value;



선택한 텍스트 선택 설정:

var count=$("#ddlRegType option").length ;

for(var i=0;i { if($("#ddlRegType ").get(0).options[i].text == text)
> }



$("#select_id 옵션[text='jQuery']").attr("selected", true);



선택 옵션 항목 설정:



$("#select_id").append("") // 옵션 추가

$("#select_id").prepend("") //옵션 삽입

$("# select_id option:last").remove(); //인덱스 값이 가장 큰 옵션 삭제

$("#select_id option[index='0']").remove() ;//값이 0인 Option

인덱스 삭제 $("#select_id option[value='3']").remove() //값이 3인 Option

삭제 $("#select_id option [text='4']").remove(); //TEXT 값이 4인 옵션 삭제



선택 지우기:

$ ("#ddlRegType " ).empty();


jquery는

.val()

.text()

값 설정

.val('여기에 값 설정')



$("document").ready(function(){
$("#btn1" ).click(function(){
$("[name='checkbox']").attr("checked",'true');//모두 선택
})
$(" #btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//모든 선택 취소
})
$(" #btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//모두 선택 홀수
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//선택 반전
if($(this ).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this). attr("checked",'true ');
}
})
})
$("#btn5").click(function(){//선택한 값 출력
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"rn";
//alert($ (this).val())
})
alert(str)
})
})


= ======== ========================================= ======== =======

============================= =========== =============================

jQuery.fn.size = function()                                                                                                  >j Query.fn.getSelectedIndex = function()
{
return jQuery(this).get(0).selectedIndex
}
/ /현재 선택된 항목의 텍스트를 가져옵니다
jQuery.fn.getSelectedText = function()                                                                                else
{ var index = this.getSelectedIndex()
return jQuery(this).get(0).options [index].text;
}
}
//현재 선택한 항목의 값 가져오기                                                                                         ";
} "
else "
{ return jQuery(this).val (); 값이 있는 항목이 선택되었습니다
jQuery.fn.setSelectedValue = function(value)
{
jQuery(this).get(0).value = value
}
//select의 텍스트를 text로 설정 첫 번째 항목이 선택됨
jQuery.fn.setSelectedText = function(text)
{
var isExist =
var count = this.size() ;
for(var i= 0;i isExist = true
break
} }
} if(!isEx ist) 
 { 
 alert( "항목이 드롭다운 상자에 없습니다.")                                                          ~                                                             else
{
jQuery(이것은 ).get(0).selectedIndex = index;
}
}
//선택 항목에 값이 있는 항목이 있는지 확인
jQuery .fn.isExistItem = function(value)
{ var isExist = false
var count = this.size();
for(var i=0;i { if(jQuery(this).get(0).options[i].value == value )                                                         Return isExist;
}
//선택할 항목을 추가합니다. 표시되는 내용은 텍스트이고 값은 value입니다. 🎜>jQuery.fn.addOption = 함수 (text,value)
{
if(this.isExistItem(value))
{
Alert("추가할 항목의 값이 이미 존재합니다.")
} else
{ jQuery(this).get(0).options.add(new Option (text,value));
} }
}
//If에서 값이 있는 항목을 삭제합니다. 항목이 존재하지 않으면
jQuery.fn.removeItem = function(value)
{                                                                       > >                           
알림("삭제할 항목이 존재하지 않습니다!") ;
}  
}  
//선택
jQuery.fn.removeIndex = function(index)
{
var count = this.size에서 지정된 인덱스가 있는 항목을 삭제합니다. ();
if(index >= count | | index < 0)
{ Alert("삭제할 항목의 인덱스가 범위를 벗어났습니다.")
} else
{ jQuery(this).remove(index);
} }
}
//select
jQuery.fn.removeSelected = function()
{ var index = this.getSelectedIndex ();
this.removeIndex(index);
}
//선택 항목 모두 지우기
jQuery.fn.clearAll = function()
{
jQuery(this ).get(0).options.length=0; 관련 글을 요약하려면 PHP 중국어 사이트를 주목해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.