Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- readonly
- euc-kr
- include
- Injection
- XMLHTTP
- 무선랜카드
- println
- replace
- jQuery
- ASP
- SQL Injection
- 시놀로지
- DS718+
- 커널
- synology
- ajax
- jquery 레이어
- PHP GCM
- disabled
- utf-8
- submit
- 따라다니는 배너
- lsusb
- AC1300
- javascript
- RTL88x2BU
- 크로스 컴파일
- Getrows
- FileSystemObject
- form
Archives
- Today
- Total
아는 것이 좋은 것이다.
[jQuery] 이메일 직접입력, select 선택입력 본문
이메일 : <input type="text" name="str_email01" id="str_email01" style="width:100px"> @ <input type="text" name="str_email02" id="str_email02" style="width:100px;" disabled value="naver.com"> <select style="width:100px;margin-right:10px" name="selectEmail" id="selectEmail"> <option value="1">직접입력</option> <option value="naver.com" selected>naver.com</option> <option value="hanmail.net">hanmail.net</option> <option value="hotmail.com">hotmail.com</option> <option value="nate.com">nate.com</option> <option value="yahoo.co.kr">yahoo.co.kr</option> <option value="empas.com">empas.com</option> <option value="dreamwiz.com">dreamwiz.com</option> <option value="freechal.com">freechal.com</option> <option value="lycos.co.kr">lycos.co.kr</option> <option value="korea.com">korea.com</option> <option value="gmail.com">gmail.com</option> <option value="hanmir.com">hanmir.com</option> <option value="paran.com">paran.com</option> </select> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> //이메일 입력방식 선택 $('#selectEmail').change(function(){ $("#selectEmail option:selected").each(function () { if($(this).val()== '1'){ //직접입력일 경우 $("#str_email02").val(''); //값 초기화 $("#str_email02").attr("disabled",false); //활성화 }else{ //직접입력이 아닐경우 $("#str_email02").val($(this).text()); //선택값 입력 $("#str_email02").attr("disabled",true); //비활성화 } }); }); </script>
제이쿼리를 이용하여 이메일 입력시 직접입력 방식과 select 선택하여 입력하는 방식을 활용할수 있다
'jQuery' 카테고리의 다른 글
[jQuery] input 쓰기, 읽기, 활성화, 비활성화 - readonly, disabled (0) | 2014.07.03 |
---|---|
[jQuery] 문자열 입력제한 (0) | 2014.06.27 |
[jQuery] 스크롤 상단으로 이동 (0) | 2014.06.21 |
[jQuery] 동적테이블 생성 삭제 계산 (0) | 2014.06.13 |
[jQuery] radio 선택된 값 가져오기 (0) | 2014.06.12 |
Comments