<script type="text/javascript" src="/js/jquery-1.7.1.min.js" ></script>
<script language="javascript">
$(document).ready(function() {
var $sel = $('.select');
var $email = $('#email');
var $etype = $('#email_type');
$sel.change(function(){
val = $sel.val();
if(val.length < 1){
$etype.removeAttr("readonly");
}else{
$etype.attr('readonly', true);
}
$etype.val(val);
});
});
</script>
----------------------------------------------------------------------
<tr>
<th>이메일 <span>*</span></th>
<td colspan="3"><input type="text" class="wd198" id="email" name="email" class="select" />
@
<input type="text" class="wd198" id="email_type" id="email_type" class="select" readonly="readonly" />
<select class="select">
<option value="">직접입력</option>
<option value="naver.com">naver.com</option>
<option value="daum.net">daum.net</option>
<option value="nate.com">nate.com</option>
<option value="gmail.com">gmail.com</option>
<option value="yahoo.com">yahoo.com</option>
</select>
</td>
</tr>
'IT > jQuery' 카테고리의 다른 글
[jQuery] radio 유효성 검사 (0) | 2012.08.29 |
---|---|
[jQuery] jQuery(j쿼리) 사용하기~! (2) | 2012.04.05 |
[jQuery] jQuery란?(j쿼리란) (0) | 2012.04.05 |
[jQuery] jQuery/Core (0) | 2012.04.05 |
[jQuery] j쿼리 eclipse 이클립스에 플러그인 설치 하기 (0) | 2011.03.30 |