고수님들께 정중히 질문드립니다 채택완료
기존에 소스 중에서 select 박스를 ul li 구조로 바꾸는 소스들도 있고 ul li로 select 박스처럼 구현하는 것도 있었는데요
제가 궁금한건 3차 정도의 셀렉트 박스를 ul li로 구현하는 소스가 찾아봐도 없더군요
혹시 3차 셀렉트 박스 (1차 목록 선택 후 그에 따라 2차 목록 변화, 3차도 2차 선택에 따라 변화) 하는 소스나 예제가 좀 있을까요? 부탁드립니다 형님들 ㅠㅠ
답변 2개
비버팩토리셀렉트박스 선택하면 변화가 생긴다는건 스크립트로 해서 해결봐야해요 에이젝스나 html태그컨트롤해서 변동하면 될것같아요
답변에 대한 댓글 2개
<option>키보드</option>
<option>마우스</option>
<option></option>
</select>
<select id="select2">
</select>
<script>
function itemChange(){
var keyboard = ["갈축","청축","적축"];
var mouse = ["광마우스","유선마우스","비싼마우스","미키마우스"];
var monitor = ["17인치","22인치","24인치","26인치"];
var selectItem = $("#select1").val();
var changeItem;
if(selectItem == "키보드"){
changeItem = keyboard;
}
else if(selectItem == "마우스"){
changeItem = mouse;
}
else if(selectItem == "모니터"){
changeItem = monitor;
}
$('#select2').empty();
for(var count = 0; count < changeItem.size(); count++){
var option = $("<option>"+changeItem[count]+"</option>");
$('#select2').append(option);
}
}
</script>
이런 소스를 발견했는데 동작을 안하네요 무엇이 문제인가요 형님
댓글을 작성하려면 로그인이 필요합니다.
비버팩토리보니까 제이쿼리 하위버전일경우 size()라는걸 쓰는데 업글하면서 length로 바뀌었구요
글고 태그 ul li로 하는경우는 좀 다르게 짜야되요 input 이나 selectbox는 val()이라는걸 통해서 하지만 li는 find로 찾아서 html로 뿌려주고 이래야하고.. 일단 기초부터 하는게 좋을것같아요 기초없이 하니까 버벅이고 이러는데.. 일단 이거 참고해서 도전해보세요 http://hyeonstorage.tistory.com/60 제이쿼리 태그제어라고 구글링하면 나와요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인