핸드폰 3개 나눠서 입력받고 나중에 Jquery로 input text 1개에다가 값 설정 및 넣기

핸드폰 3개 나눠서 입력받고 나중에 Jquery로 input text 1개에다가 값 설정 및  넣기 

 

 

최상단에 php코드

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

 

 

html소스

<input class=ed type="hidden" id='wr_7' name='wr_7' size=21 maxlength=20 itemname='핸드폰번호' value='<?=$write[wr_7]?>'>

<select id="wr_7_1" name="wr_7_1" class="ed" required itemname="핸드폰번호">

<option value="">선택</option>

<option value="010">010</option>

<option value="011">011</option>

<option value="016">016</option>

<option value="017">017</option>

<option value="018">018</option>

<option value="019">019</option>

</select>

<script>fwrite.wr_7_1.value = '<?=$wr_7[0]?>';</script>

- 

<input class='inputbox' id="wr_7_2" name="wr_7_2" type="text" maxlength="4" value="<?=$wr_7[1]?>" required itemname="핸드폰국번"  style='width:50px;'/>

- 

<input class='inputbox' id="wr_7_3" name="wr_7_3" type="text" maxlength="4" value="<?=$wr_7[2]?>" required itemname="핸드폰뒤네자리" style='width:50px;'/>

 

<select id="wr_7_1" name="wr_7_1" class="ed" required itemname="핸드폰번호">

<option value="02">02</option> 

<option value="031">031</option> 

<option value="032">032</option> 

<option value="033">033</option> 

<option value="041">041</option> 

<option value="042">042</option> 

<option value="043">043</option> 

<option value="051">051</option> 

<option value="052">052</option> 

<option value="053">053</option> 

<option value="054">054</option> 

<option value="055">055</option> 

<option value="061">061</option> 

<option value="062">062</option> 

<option value="063">063</option> 

<option value="064">064</option> 

<option value="0502">0502</option> 

</select>

 

 

 

스크립트 부분

<script>

$('#wr_7_1').change(function(){ mb_hp_plus(); });

$('#wr_7_2').blur(function(){ mb_hp_plus(); });

$('#wr_7_3').blur(function(){ mb_hp_plus(); });

function mb_hp_plus(){

$('#wr_7').val( $('#wr_7_1').val() + '-' + $('#wr_7_2').val() + '-' + $('#wr_7_3').val() );

}

</script>

===================================================================회원가입시

핸드폰 3개 나눠서 입력받고 나중에 Jquery로 input text 1개에다가 값 설정 및  넣기 

 

 

최상단에 php코드

$mb_hp = @explode("-",$member[mb_hp]);

 

 

html소스

<input type="hidden" name='mb_hp' id='mb_hp' size=21 maxlength=20 <?=$config[cf_req_hp]?'required':'';?> itemname='핸드폰번호' value='<?=$member[mb_hp]?>'>

<select id="mb_hp_1" name="mb_hp_1" class="ed" required itemname="핸드폰번호">

 <option value="">선택</option>

 <option value="010">010</option>

 <option value="011">011</option>

 <option value="016">016</option>

 <option value="017">017</option>

 <option value="018">018</option>

 <option value="019">019</option>

</select>

<script>fregisterform.mb_hp_1.value = '<?=$mb_hp[0]?>';</script>

- 

<input class='inputbox' id="mb_hp_2" name="mb_hp_2" type="text" maxlength="4" value="<?=$mb_hp[1]?>" required itemname="핸드폰국번"  style='width:50px;'/>

- 

<input class='inputbox' id="mb_hp_3" name="mb_hp_3" type="text" maxlength="4" value="<?=$mb_hp[2]?>" required itemname="핸드폰뒤네자리" style='width:50px;'/>

 

 

 

스크립트 부분

<script>

$('#mb_hp_1').change(function(){ mb_hp_plus(); });

$('#mb_hp_2').blur(function(){ mb_hp_plus(); });

$('#mb_hp_3').blur(function(){ mb_hp_plus(); });

function mb_hp_plus(){

 $('#mb_hp').val( $('#mb_hp_1').val() + '-' + $('#mb_hp_2').val() + '-' + $('#mb_hp_3').val() );

}

</script>