이메일 2개 나눠서 입력받고 나중에 Jquery로 input text 1개에다가 값 설정 및 넣기 - 그누보드 게시판 메일 입력시

이메일 2개 나눠서 입력받고 나중에 Jquery로 input text 1개에다가 값 설정 및 넣기  

 

php 코드

$wr_email = @explode("@",$write[wr_email]);

 

html 코드

<input name="wr_email1" id="wr_email1" class="ed" type="text" value="<?=$wr_email[0]?>"  title="이메일ID입력" style="width:90px;" class="ed" itemname="이메일ID입력" required/>

@ 

<input name="wr_email2" id="wr_email2" class="ed" type="text" value="<?=$wr_email[1]?>"  title="이메일서비스입력" />

<select id="sel_mail" name="sel_mail" >

 <option value='' selected="selected">선택하세요</option>

 <option value="naver.com">naver.com</option>

 <option value="nate.com">nate.com</option>

 <option value="dreamwiz.com">dreamwiz.com</option>

 <option value="yahoo.co.kr">yahoo.co.kr</option>

 <option value="empal.com">empal.com</option>

 <option value="unitel.co.kr">unitel.co.kr</option>

 <option value="gmail.com">gmail.com</option>

 <option value="korea.com">korea.com</option>

 <option value="chol.com">chol.com</option>

 <option value="paran.com">paran.com</option>

 <option value="freechal.com">freechal.com</option>

 <option value="hanmail.net">hanmail.net</option>

 <option value="hotmail.com">hotmail.com</option>

 <option value="self">직접 입력</option>

</select>

<input class=ed type="hidden" id='wr_email' name='wr_email' size=38 maxlength=100 email itemname="이메일" required value='<?=$write[wr_email]?>' >

 

스크립트 코드

$('#sel_mail').change(function(){

if($(this).val() == "self" || $(this).val() == ""){

$('#wr_email2').val('');

$('#wr_email2').css('display','inline-block');

}else{

$('#wr_email2').css('display','none');

$('#wr_email2').val($(this).val());

}

mb_email_plus();

});

$('#wr_email1').blur(function(){

mb_email_plus();

});

$('#wr_email2').blur(function(){

mb_email_plus();

});

function mb_email_plus(){

$('#wr_email').val($('#wr_email1').val()+"@"+$('#wr_email2').val());

}