본문 바로가기

IT/jQuery

[jQuery] selectbox 값 input에 넣기

<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" />&nbsp;

<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>