>  기사  >  웹 프론트엔드  >  jQuery 선택 작업 구현 code_jquery

jQuery 선택 작업 구현 code_jquery

WBOY
WBOY원래의
2016-05-16 18:53:211080검색
//변경시 이벤트
코드 복사 코드는 다음과 같습니다.

$("#testSelect").change(function(){ //이벤트 발생
jQuery('option:selected', this).each(function(){ //선택한 여러 값을 출력
Alert(this.value);
});


//선택한 항목 인쇄
방법 1: $("select#Clubs").children("[@selected] " ).each(function(){
alert(this.text);
});
방법 2: $("#selBags").val(); //이 방법이 더 빠르지만 단일 선택만



//드롭다운 메뉴의 선택 값 가져오기

$(#testSelect option:selected').text()
또는 $("#testSelect"). find('option:selected' ).text();


//Remove
removeOption(index/value/regex[, selectedOnly])

$('select#Clubs option:selected').remove ()


//옵션 선택

var select = $(tdsEdit[0]).find("select"); //선택 가져오기
$(select).children(). Each(function(){
if ( $(this).text()=="원하는 옵션")


//jQuery 메서드

$(this).attr("selected","true "); //또는 선택됨
//javascript 메소드
this.selected = true;
});


참조


http: //www.texotela.co .uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select -transfer-with-jquery.html
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.