'셀렉트' 태그의 글 목록

'셀렉트'에 해당되는 글 3건

이미지 슬라이드 (0)	2008.02.01
TextField의 Align - 텍스트 정렬 및 콤마 찍기 (0)	2008.02.01
텍스트 애니메이션 (0)	2008.02.01
웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0)	2008.02.01
input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0)	2008.02.01
매월 마지막 날자 구하기 (0)	2008.02.01
문서길이를 자동으로 맞추는 아이프레임 리사이즈 소스 6가지 (0)	2008.02.01
체크박스 전체선택 / 전체해제 (0)	2008.02.01

다중 셀렉트(select) 박스

인터넷관련 2008. 2. 1. 09:39

검색 단어 : 셀렉트, select, 하위 카테고리

소스는 업로드 클릭하세요.
참고로 제가 만든거 아닙니다.

예제 1 http://oxtag.com/html/ex/dynamicselect/js_dynamicselect.html

<html>
<head>
<script language="javascript">
NS4 = (document.layers) ? true : false;
delta = 1;
var jobArray = new Array();
var titleArray = new Array();
var job;
var ind;
</script>
</head>
<body>
<form name=IOS action=etcorgdisplay_test.html>
<script language="javascript">
function loadDefaults(i, j, s)
{
if (i!='') {
document.IOS['ind'].options[getValueIndex(document.forms['IOS']['ind'], i)].selected=true;
setInd(document.forms['IOS']['ind']);
document.forms['IOS']['job'].options[getValueIndex(document.forms['IOS']['job'], j)].selected=true;
setJob(document.forms['IOS']['job']);
document.forms['IOS']['spe'].options[getValueIndex(document.forms['IOS']['spe'], s)].selected=true;
}
}
function loadDefaultJobs(i,j,s){
if( i != '' ){
document.forms['IOS']['job'].options[getValueIndex(document.forms['IOS']['job'], j)].selected=true;
fillTitle(i);
setJob(document.forms['IOS']['job']);
document.forms['IOS']['spe'].options[getValueIndex(document.forms['IOS']['spe'], s)].selected=true;
}
}
function loadDefaultSpecs(i,j,s){
if( i != '' && j != '' ){
document.forms['IOS']['spe'].options[getValueIndex(document.forms['IOS']['spe'], s)].selected=true;
fillJob(j);
}
}
function removeElement(arr, element)
{
for(i=0; i<arr.length; i++){
if(arr[i].search(';'+element)!=-1){
arr1 = arr.slice(0, i);
arr2 = arr.slice(i+1);
arr = arr1.concat(arr2);
return arr;
}
}
}
function getTitle(industry){
titleArr = new Array();
if(industry =='010000'){
var i0Arr = new Array(
"본부관내;010100",
"본부관외;010200");
titleArr=i0Arr.concat(titleArr);
return titleArr;
}
if(industry == '020000'){
var i1Arr = new Array(
"정당;020100",
"정치단체;020200");
titleArr=i1Arr.concat(titleArr);
return titleArr;
}
if(industry == '030000'){
var i2Arr = new Array(
"조기축구회;030100",
"배드민턴회;030200",
"볼링회;030300",
"검도회;030400",
"태권도회;030500",
"수영모임;030600",
"당구모임;030700",
"자동차동호회;030800",
"바둑동호회;030900",
"등산모임;031100",
"낚시출조회;031200",
"기타;031300");
titleArr=i2Arr.concat(titleArr);
return titleArr;
}
if(industry == '040000'){
var i3Arr = new Array(
"종친회;040100",
"향우회;040200",
"동창/동문회;040300",
"계모임;040400",
"음악(밴드)동아리;040500",
"미술동아리;040600",
"공작(DIY)모임;040700",
"기타;040800");
titleArr=i3Arr.concat(titleArr);
return titleArr;
}
if(industry == '050000'){
var i4Arr = new Array(
"지역;050100",
"정치;050200",
"레져/스포츠;050300",
"친목/취미;050400",
"기타;050500");
titleArr=i4Arr.concat(titleArr);
return titleArr;
}
return titleArr;
}
aaFunction = new Array(
"통/반;010101",
"입주자회의;010102",
"부녀회;010103",
"각종대책위원회;010104",
"기타;010105");
abFunction = new Array(
"통/반;010201",
"입주자회의;010202",
"부녀회;010203",
"각종대책위원회;010204",
"기타;010205");
acFunction = new Array(
"초등학교;040301",
"중학교;040302",
"고등학교;040303",
"대학교;040304",
"대학원;040305");
noFunction = new Array("[선택할 필요없음];");
function getJobFunction(title){
if(title == '010100'){ return aaFunction ; }
if(title == '010200'){ return abFunction ; }
if(title == '040300'){ return acFunction ; }
return noFunction;
}
function GetSelectedText(box){
var boxText = '';
for(var i=0; i<box.options.length; i++){
if(box.options[i].selected && box.options[i].value != ''){
boxText = box.options[i].value;
}
}
return boxText;
}
function getValueIndex(box, value){
for(var i=0; i<box.options.length; i++){
if(box.options[i].value == value)
return i;
}
return 0;
}
function compare(s1, s2){
var t1 = s1.toLowerCase();
var t2 = s2.toLowerCase();
if(t1 < t2){
return -1;
}
if(t1 > t2){
return 1;
}
return 0;
}
function fillTitle(industry){
document.forms['IOS']['job'].length=1;
var cnt = 1;
var isSelected = false;
var arr = getTitle(industry);
arr.sort(compare);
//document.forms['IOS']['job'].length=arr.length+1;
for(var n=0; n<arr.length; n++){
newOpt=new Option;
i = arr[n].search(';');
newOpt.value=arr[n].slice(i+1);
newOpt.text=arr[n].slice(0,i);
if (!isSelected){
//newOpt.selected = true;
isSelected = true;
}
document.forms['IOS']['job'].options[cnt]=newOpt;
cnt=cnt+1;
}
/* if(NS4){
window.resizeBy(delta, delta);
delta = -1*delta;
} */
}
function fillJob(title){
document.forms['IOS']['spe'].length=0;
var cnt =0;
var isSelected = false;
var arr = getJobFunction(title);
if(arr.length != 1){
var tmp = new Array("[예시단체 선택];-1");
arr = tmp.concat(arr);
}
for(var n=0; n<arr.length; n++){
newOpt=new Option;
i = arr[n].search(';');
newOpt.value=arr[n].slice(i+1);
newOpt.text=arr[n].slice(0,i);
if (!isSelected){
newOpt.selected = true;
isSelected = true;
}
document.forms['IOS']['spe'].options[cnt]=newOpt;
cnt=cnt+1;
}
if(!(NS4)){
if(arr.length != 1){
document.forms['IOS']['spe'].style.visibility = 'visible';
}else{
document.forms['IOS']['spe'].style.visibility = 'hidden';
}
} // not Netscapoe 4
/* if(NS4){
window.resizeBy(delta, delta);
delta = -1*delta;
} */
}
function setInd(box) {
ind = GetSelectedText(box);
if(ind != ''){
fillTitle(ind);
}
//alert(ind);
}
function setJob(box) {
title = GetSelectedText(box);
//alert(job);
if(ind != ''){
doIt();
}
}
function doIt(){
if(ind != '' && title != ''){
fillJob(title);
} else {
alert("각종단체 범주와 종류를 선택해 주세요");
}
}
<!--
function setupDefaults(){
loadDefaults("","","");
}
// -->
</script>
<p>
<table border=0>
<tr><td align=right class="content">    <font color="#ff0000">*</font>각종단체(범주): </td>
<td class="content">
<select onchange=setInd(this) size=1 name="ind">
<option value="" selected>[각종단체(범주)]</option>
<option value='010000'> 지역 </option>
<option value='020000'> 정치 </option>
<option value='030000'> 레져/스포츠 </option>
<option value='040000'> 친목/취미 </option>
<option value='050000'> 온라인 동호회 </option>
<option value='060000'> 기타 </option>
</select>
</td>
<td align=right class="content">    <font color="#ff0000">*</font>각종단체(종류): </td>
<td class="content">
<select onchange=setJob(this) size=1 name="job">
<option value="" selected>[각종단체(종류)]</option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
</select>
</td>
<td align=right class="content">    <font color="#ff0000">*</font>예시단체: </td>
<td class="content">
<select size=1 name="spe">
<option value="" selected>[예시단체]</option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
<option> </option>
</select>
</td>
<td align=right class="content">    <input type=submit value=등록> </td>
</tr>
</table>
</form>
</body>
</html>

예제 2 http://oxtag.com/html/ex/dynamicselect/js_dynamicselect2.html

<script language='javascript'>
var cnt = new Array();
cnt[0] = new Array('전체');
cnt[1] = new Array('전체','강남구','강동구','강북구','강서구','관악구','광진구','구로구','금천구','노원구','도봉구','동대문구','동작구','마포구','서대문구','서초구','성동구','성북구','송파구','양천구','영등포구','용산구','은평구','종로구','중구','중랑구');
cnt[2] = new Array('전체','강서구','금정구','남구','동구','동래구','부산진구','북구','사상구','사하구','서구','수영구','연제구','영도구','중구','해운대구','기장군');
cnt[3] = new Array('전체','남구','달서구','동구','북구','서구','수성구','중구','달성군');
cnt[4] = new Array('전체','계양구','남구','남동구','동구','부평구','서구','연수구','중구','강화군','옹진군');
cnt[5] = new Array('전체','광산구','남구','동구','북구','서구');
cnt[6] = new Array('전체','대덕구','동구','서구','유성구','중구');
cnt[7] = new Array('전체','남구','동구','북구','중구','울주군');
cnt[8] = new Array('전체','고양시','과천시','광명시','구리시','군포시','남양주시','동두천시','부천시','성남시','수원시','시흥시','안산시','안양시','오산시','의왕시','의정부시','평택시','하남시','가평군','광주시','김포시','안성시','양주군','양평군','여주군','연천군','용인시','이천군','파주시','포천시','화성시');
cnt[9] = new Array('전체','강릉시','동해시','삼척시','속초시','원주시','춘천시','태백시','고성군','양구군','양양군','영월군','인제군','정선군','철원군','평창군','홍천군','화천군','황성군');
cnt[10] = new Array('전체','제천시','청주시','충주시','괴산군','단양군','보은군','영동군','옥천군','음성군','진천군','청원군');
cnt[11] = new Array('전체','공주시','보령시','서산시','아산시','천안시','금산군','논산군','당진군','부여군','서천군','연기군','예산군','청양군','태안군','홍성군');
cnt[12] = new Array('전체','군산시','김제시','남원시','익산시','전주시','정읍시','고창군','무주군','부안군','순창군','완주군','임실군','장수군','진안군');
cnt[13] = new Array('전체','광양시','나주시','목포시','순천시','여수시','여천시','강진군','고흥군','곡성군','구례군','담양군','무안군','보성군','신안군','여천군','영광군','영암군','완도군','장성군','장흥군','진도군','함평군','해남군','화순군');
cnt[14] = new Array('전체','경산시','경주시','구미시','김천시','문겅시','상주시','안동시','영주시','영천시','포항시','고령군','군위군','봉화군','성주군','영덕군','영양군','예천군','울릉군','울진군','의성군','청도군','청송군','칠곡군');
cnt[15] = new Array('전체','거제시','김해시','마산시','밀양시','사천시','울산시','진주시','진해시','창원시','통영시','거창군','고성군','남해군','산청군','양산시','의령군','창녕군','하동군','함안군','함양군','합천군');
cnt[16] = new Array('전체','서귀포시','제주시','남제주군','북제주군');
function change(add) {
sel=document.form.county
/* 옵션메뉴삭제 */
for (i=sel.length-1; i>=0; i--){
sel.options[i] = null
}
/* 옵션박스추가 */
for (i=0; i < cnt[add].length;i++){
sel.options[i] = new Option(cnt[add][i], cnt[add][i]);
}
}
</script>
<form name=form method=post action=$PHP_SELF>
시/도:
<select name='city' onchange="change(this.selectedIndex);" class=input >
<option value='전체'>전체</option>
<option value='서울'>서울특별시</option>
<option value='부산'>부산광역시</option>
<option value='대구'>대구광역시</option>
<option value='인천'>인천광역시</option>
<option value='광주'>광주광역시</option>
<option value='대전'>대전광역시</option>
<option value='울산'>울산광역시</option>
<option value='경기'>경기도</option>
<option value='강원'>강원도</option>
<option value='충북'>충청북도</option>
<option value='충남'>충청남도</option>
<option value='전북'>전라북도</option>
<option value='전남'>전라남도</option>
<option value='경북'>경상북도</option>
<option value='경남'>경상남도</option>
<option value='제주'>제주도</option>
</select>
구/군:
<select name='county' class=select>
<option value=''>전체</option>
</select>
</form>

예제 3 http://oxtag.com/html/ex/dynamicselect/js_dynamicselect3.html

예제 4 http://oxtag.com/html/ex/dynamicselect/asp_dynamicselect.phps

'인터넷관련' 카테고리의 다른 글

필드값의 유효성을 검사하는 함수 (0)	2008.02.01
원 클릭으로 클립보드 복사하기 3 - input (0)	2008.02.01
타이틀바에 년/월/일/시간/분/초 나타내기 (0)	2008.02.01
태그피아 웹에디터 (태그 연습장, 인코딩, 디코딩, 색상표, 특수문자 변환, 한줄소스) (0)	2008.02.01
다중 셀렉트(select) 박스 2 (0)	2008.02.01
산돌커뮤니케이션 폰트 무료 다운로드 행사 (0)	2008.02.01
올블스러운 이미지 클라우드 만들기 (0)	2008.02.01
onchang 이벤트 발생한적 있는지 검사하는 스크립트 (0)	2008.02.01

Posted by 알 수 없는 사용자

다중 셀렉트(select) 박스 2

인터넷관련 2008. 2. 1. 09:39

<style type=text/css>
select {font-size:9pt;font-family:굴림;}
</style>
</head>
<body bgcolor=white text=black link=blue vlink=purple alink=red>
<table align=center>
<form name=form method=POST action="">
<tr>
<td>
<select name="high_cg" size="1" onchange="changeCG(document.form.high_cg)"></select>
<select name="mid_cg" size="1">
<option value="중분류">중분류</option>
</select>
</td>
</form>
<script language="JavaScript">
<!-- JavaScript
midCG = new Array(20);
midCG[0] = "";
midCG[1] = new Array("TV","라디오","인터넷방송","신문","웹진","잡지","각종 통계","쿨사이트");
midCG[2] = new Array("영화","연극/음악","만화-애니메이션","문학","연예","유머-재미","게임");
midCG[3] = new Array("공연예술","공예","디자인","박물관,화랑","예술가"," 전통예술");
midCG[4] = new Array("정부기관","정치","법","군대","대사관","시민단체");
midCG[5] = new Array("사람들","사회이슈","문화","기관-단체","환경-자연","식음료","동호회");
midCG[6] = new Array("회사","광고","투자-재테크","금융","증권","보험","부동산","취업-채용","창업");
midCG[7] = new Array("쇼핑몰"," 경매","공동구매 ","가격비교","소비자평가");
midCG[8] = new Array("무료정보","무료다운","이벤트-경품 소개");
midCG[9] = new Array("하드웨어","소프트웨어","프로그래밍 언어","멀티미디어","게임","보안과 암호","인터넷종합","채팅","통신-네트워크","OS");
midCG[10] = new Array("패션","미용","가족","결혼","육아","다이어트","인테리어");
midCG[11] = new Array("여행-관광","취미","레저","자동차","게임");
midCG[12] = new Array("실내스포츠","실외스포츠","스포츠스타","스포츠관련 미디어","스포츠종합");
midCG[13] = new Array("인문과학","사회과학","자연과학","공학");
midCG[14] = new Array("건강일반","병원","의학정보","한의학","의료상담","다이어트");
midCG[15] = new Array("교육일반","학교","선생님","기관-단체","온라인교육","시험-자격증");
midCG[16] = new Array("유학","도서관","전문가서비스");
midCG[17] = new Array("학과","동아리","학생회","동문-동창회","연구소","소모임");
midCG[17] = new Array("기독교","천주교","불교","민족종교","기타");
midCG[18] = new Array("가수","탤런트","개그맨","영화배우","모델","스포츠스타","순수예술인");
midCG[19] = new Array("기업","사람","기타");
listHighCG = new Array("대분류 선택","뉴스-미디어","엔터테이먼트","예술","정치 및 법","사회문화","경제","쇼핑","공짜&무료","컴퓨터,인터넷","가정-여성","레크리에이션","스포츠","학문-과학","건강-의학","교육","학교","종교","팬클럽","안티사이트");
highSelect = document.form.high_cg;
midSelect = document.form.mid_cg;
function strPos(s, s1)
{
if(s1 == null) return;
for(i=0; i<s.length; i++)
{
if(s[i] == s1) return i;
}
return -1;
}
function setMidCG(high_cg,mid_cg)
{
var num = midSelect.length;
for(i=0; i<num; i++)
{
midSelect.options[1]= null;
}
midSelect.options[0] = new Option("중분류 선택","");
for(var i=0; i<midCG[high_cg].length; i++)
{
var myitem = new Option(midCG[high_cg][i])
midSelect.options[i+1] = myitem;
}
if(mid_cg > 0)
{
midSelect.options.selectedIndex = mid_cg;
}
}
function changeCG(menu)
{
selectNum = menu.selectedIndex;
setMidCG(selectNum,0);
}
function init()
{
for(var i=0; i<listHighCG.length; i++)
{
var item = new Option(listHighCG[i])
highSelect.options[i] = item;
}
pos = strPos(listHighCG,"컴퓨터,인터넷");
if(pos < 1) pos = 0;
setMidCG(pos,strPos(midCG[pos],"인터넷종합")+1);
highSelect.options.selectedIndex = pos;
}
window.onload = init;
// - JavaScript - -->
</script>
</tr>
</table>

'인터넷관련' 카테고리의 다른 글

원 클릭으로 클립보드 복사하기 3 - input (0)	2008.02.01
타이틀바에 년/월/일/시간/분/초 나타내기 (0)	2008.02.01
태그피아 웹에디터 (태그 연습장, 인코딩, 디코딩, 색상표, 특수문자 변환, 한줄소스) (0)	2008.02.01
다중 셀렉트(select) 박스 (0)	2008.02.01
산돌커뮤니케이션 폰트 무료 다운로드 행사 (0)	2008.02.01
올블스러운 이미지 클라우드 만들기 (0)	2008.02.01
onchang 이벤트 발생한적 있는지 검사하는 스크립트 (0)	2008.02.01
싸이월드 한달 출석하면 도토리 100개 무료 충전 (0)	2008.02.01

Posted by 알 수 없는 사용자

이전 1 다음

QT그리고···

'셀렉트'에 해당되는 글 3건

다중 셀렉트(select) 박스 3

'인터넷관련' 카테고리의 다른 글

다중 셀렉트(select) 박스

'인터넷관련' 카테고리의 다른 글

다중 셀렉트(select) 박스 2

'인터넷관련' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바


	by Redvirus

« 2024/04 »
일	월	화	수	목	금	토
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30