교육센터 스터디정보 사이트제작 웹디자인 워드&오피스 웹프로그래밍 특강/트랜드
 
select box 텍스트값 가져오기-[html],사이트제작팁,교육센터.
select box 텍스트값 가져오기 [2]

document.getElementById(아이디)[인덱스].text

예제)

1)

var aa = document.getElementById("select")[0].text; // 해당 selectbox의 첫번쨰 인덱스(요소)의 텍스트 얻기

2)

var index = document,getElementById("select").selectedIndex; // 현재 선택된 인덱스 값 얻기

var bb = document.getElementById("select").[index].text; //현재 선택된 인덱스의 텍스트얻기

var bb2 = document.getElementById("select")[document.getElementById("select").selectedIndex].text;

// 요건 좀 복잡하지만 인덱스를 얻어오는 불편함은 없다

3)

var cc = "1";

var length = document.getElementById("select").length;

var sbox = document.getElementById("select");

for(var i = 0; i < length; i++){

if(cc == sbox [i].text){

sbox.selected = true;

}

}

// 요건 되는지는 모르겠다 ㅡ,.ㅡ

임의의 값과 selectbox의 모든 텍스트 값을 인덱스 갯수만큼 for문을 돌면서 비교하여 같을 경우 해당 인덱스를 선택하게 하기 보통 cc == sbox [i].text 보다는 cc == sbox [i].value를 많이 사용한다

가끔 selectbox의 value가 아닌 텍스트값과 매치를 시켜서 프로그래밍할 경우가 있다 이런 경우를 위해서 텍스트값을 얻어오는 방법, 비교하는 방법을 알아두면 유용함

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

// text 값으로 select 하기
$("#myselect option").text("학생").attr("selected", "selected");


select box value 값 가져오기
var select_value = $("select#ID명 > option:selected").val();

select box의 값 설정 하기
$("select#ID명 > option[value=설정값]").attr("selected", "true");


제임스소프트 14-02-18 13:17  조회 : 10320
네이버 밴드마켓: http://band09.me
(위*프,쿠*,티*,홈쇼핑보다 싸다구요!)
악플보다 나쁜것이 무플입니다. 댓글을 달아주시는 센스!! 나의글,정보 하나가 많은 이의 큰힘이 됩니다.
좋은글에는 감사의 "추천버튼", 공감가는 댓글에는 "공감버튼"을 눌러주세요~ 나누면 즐거움이 두배^^~
홍마담 15-03-07 14:08 
공감 : 0
반대 : 0
좋은정보^^
신효진1 19-05-23 14:06 
공감 : 0
반대 : 0
감사해요^^
"로그인" 하시면 댓글을 남길 수 있습니다.




체험단정보 더보기
 핸드폰 성지 체험단 모집합니다 ...
 강남 압구정 웨딩스튜디오에서 ...
 이사입주청소 전문업체 블로그 ...
교육센터 한주간 BEST10 더보기
게시물이 없습니다.
위탁도매
일반도매
판촉물
도매아이템/사업아이템 공유~
무료로 사이트/아이템 홍보하세요.
셀로거 셀프리 셀스팟 셀러팀 셀클럽
주소: 서울특별시 강남구 역삼동 642-1 역삼하이츠빌딩 19층 / 대표:박정현 / 상호:셀프리 / 사업자등록번호: 201-10-53055 / 이용문의게시판
힘이되는커뮤니티~ 함께만들어가는 커뮤니티~ 성공을 향한 빠른지름길~ 정보와 온기가 넘치는 당신의 최고의 파트너 셀클럽