select7 select box 값 변경, 목록 변경 하나둘셋넷다섯여섯일곱여덜 multiple 속성은 select box 가 두개 이상의 값을 동시에 선택할 수 있도록 해 준다. 선택된 값들은 ','로 구분되는 문자열 형태로 반환된다. 1. 선택된 값 변경하기$('#number').val('5'); 2. 현재 선택된 값 가져오기$('#number').val(); // 5 를 반환한다. 3. 여러개의 값을 선택하기$('#number').val(['4', '6']); 4. 현재 선택된 값 가져오기$('#number').val(); // 4,6 를 반환한다. 2014. 4. 12. 동적으로 콤보(select)의 항목(option) 생성하기 콤보의 값을 동적으로 재구성해야 하는 경우가 종종 발생한다. 그럴때, 다음 코드를 이용하자. //콤보객체(select)의 하위 객채(option)를 제거한다.$('#콤보객체ID').empty(); //콤보객채(select)의 하위 객채(option)를 5개 생성한다.for(var i=0; i 2014. 3. 23. select 객체에 option 객체 추가하기 // option 객체를 생성한다. var oOption = document.createElement(“OPTION”); // 값을 할당한다. oOption.value = “값”; oOption.text = “텍스트”; // select 객체에 option객체를 추가한다. document.getElementById(“writer”).add(oOption); 2014. 2. 28. select 객체의 특정 항목 선택하기 var comWriter = document.getElementById(“writer”); … // 첫번째 항목 선택 comWriter.options[0].selected = true; 2014. 2. 27. 문자열 검색 var m = document.body.createTextRange(); m.findText("검색대상"); m.select(); … var m = document.getElementById("text").createTextRange();m.findText("검색대상");m.select(); 2014. 1. 22. 24. flip toggle 양식 Index 22. select 양식 23. checkbox, radio 버튼 양식 24. flip toggle 양식 25. mobileinit 이벤트 26. 페이지 로드 이벤트 플립 토글(Flip Toggle)은 한쪽으로 밀어서 선택하도록 하는 UI이다. 주로 on/off 와 같이 둘 중 하나를 선택하는 경우에 사용될 수 있다. jQuery Mobile은 태그에 data-role="slider" 속성을 추가해서 플립 토글 버튼을 만든다. 단, 이때 은 두개만 지정해야 한다. On/Off : OFF ON 에 사용할 수 있는 data-* 속성 data-* 속성 설명 값 data-theme 체크박스 테마 swatch letter (a-z) data-track-theme 트랙 테마 (off 테마) swatch .. 2013. 12. 28. 22. select 양식 Index 20. HTML5 에서 추가된 폼 양식 21. range 양식, slider 22. select 양식 23. checkbox, radio 버튼 양식 24. flip toggle 양식 select 양식은 여러개의 항목 중에서 하나를 선택할 수 있는 UI이다. 태그를 사용해서 표현한다. 단순히 태그를 사용하면 각 모바일 기기에서 제공하는 입력 도구가 나오기 때문에 통일성이 없다. 모바일 기기에 상관없이 동일한 UI가 나오기를 원하면 data-native-menu="false" 속성을 추가한다. Select : iPhone 4 iPhone 5 iPhone 5S 태그에 사용할 수 있는 data-* 속성 data-* 속성 설명 값 data-icon 아이콘 지정 home | delete | plus | .. 2013. 12. 26. 이전 1 다음
