이메일 입력 폼

안녕하세요,

아직 초보 사용자입니다.

이메일 입력폼을 만들다.. 어떻게 해야할지 몰라 여쩌봅니다.

                <div class="kboard-attr-row kboard-attr-title">
   <label class="attr-name">이메일 주소*</label>
   <div class="attr-value"><input type="text" name="kboard_option_email01" id="email01" style="width: 100px;" value="<?php echo $content->option->email01?>" title="이메일 아이디란"> @ <input type="text" name="kboard_option_email02" id="email02" style="width: 100px;" value="<?php echo $content->option->email02?>" title="도메인" />
            <select name="kboard_option_email03" class="email-domain" title="도메인">
      <option value="직접입력"<?php if($content->option->email02 == '직접입력'):?> selected="selected"<?php endif?>>직접입력</option>
      <option value="naver.com"<?php if($content->option->email02  == 'naver.com'):?> selected="selected"<?php endif?>>naver.com</option>
      <option value="daum.net"<?php if($content->option->email02  == 'daum.net'):?> selected="selected"<?php endif?>>daum.net</option>
            <option value="hanmail.net"<?php if($content->option->email02  == 'hanmail.net'):?> selected="selected"<?php endif?>>hanmail.net</option>
            <option value="gmail.com"<?php if($content->option->email02  == 'gmail.com'):?> selected="selected"<?php endif?>>gmail.com</option>
            <option value="nate.com"<?php if($content->option->email02  == 'nate.com'):?> selected="selected"<?php endif?>>nate.com</option>
</select>
       </div>

선택된 박스 도메인이 자동으로 input 박스에 보이게 하려면 어떻게 해야 하나요?

 

답변 부탁 드립니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 아니면 그냥 아래처럼 해주세요..

    <input type="text" name="kboard_option_email02" id="email02" style="width: 100px;" value="<?php echo $content->option->email03?>" title="도메인" />

    그런데 자바스크립도 사용해서 프로그램을 만드셔야 할 듯한데요?

  • 답변감사합니다~

    말씀하신 데로 아래와 같이 수정해 보았지만..
    도메인 선택시 Input 박스에 선택된 도메인이 보이질 않네요 ㅜㅜ

    다시한번 답변 부탁드립니다.

                    <div class="kboard-attr-row kboard-attr-title">
       <label class="attr-name">이메일 주소*</label>
       <div class="attr-value"><input type="text" name="kboard_option_email01" id="email01" style="width: 100px;" value="<?php echo $content->option->email01?>" title="이메일 아이디"> @ <input type="text" name="kboard_option_email02" id="email02" style="width: 100px;" value="<?php echo $content->option->email03?$content->option->email03:$content->option->email02?>" title="도메인" />
                <select name="kboard_option_email03" class="email-domain" title="도메인">
          <option value="직접입력"<?php if($content->option->email03 == '직접입력'):?> selected="selected"<?php endif?>>직접입력</option>
          <option value="naver.com"<?php if($content->option->email03  == 'naver.com'):?> selected="selected"<?php endif?>>naver.com</option>
          <option value="daum.net"<?php if($content->option->email03  == 'daum.net'):?> selected="selected"<?php endif?>>daum.net</option>
                <option value="hanmail.net"<?php if($content->option->email03  == 'hanmail.net'):?> selected="selected"<?php endif?>>hanmail.net</option>
                <option value="gmail.com"<?php if($content->option->email03  == 'gmail.com'):?> selected="selected"<?php endif?>>gmail.com</option>
                <option value="nate.com"<?php if($content->option->email03  == 'nate.com'):?> selected="selected"<?php endif?>>nate.com</option>
    </select>
           </div>

  • <select name="kboard_option_email03" class="email-domain" title="도메인">

    이쪽 select 이름을 email03으로 해주셨는데 if문으로 체크는 $content->option->email02 로 해주셨네요.

    <?php if($content->option->email03 == '직접입력'):?> selected="selected"<?php endif?> 이렇게 email03으로 통일시켜주세요.

     

    저장 후 다시 수정할때 input에 표시하시려면

    <input type="text" name="kboard_option_email02" id="email02" style="width: 100px;" value="<?php echo $content->option->email03?$content->option->email03:$content->option->email02?>" title="도메인" />

    이렇게 해보시겠어요?

    $content->option->email03 값이 있다면 그대로 출력, 없다면 $content->option->email02 값 출력하는 코드입니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기