실시간 견적서 제작

싱시간 견적서필드에 허용하는 문자는 ,와 숫자, #만 가능하며 onchange="field_total()"를 넣어주고

합계를 낼 폼핑드 <input type="text" name="total[]" value="" readonly>를 반드시 삽입하여야 합니다.

견적서로 사용가능한 필드는 text, checkbox, radio, hidden, selet를 허용하며

배열을 이용하면 가격*수량으로 적용됩니다.

폼메일제작 방법을 먼저 필독하신 후 읽으시기 바랍니다.


 확인상자 작성예

      돼지고기: <input type="checkbox" name="돼지고기[]" value="3,500" onchange=field_total();>3,500원

      소고기: <input type="checkbox" name="소고기[]" value="4,000" onchange=field_total();>4,000원

      양고기: <input type="checkbox" name="양고기[]" value="6,000" onchange=field_total();>6,000원

      합 계:  <input type="text" name="total[]" value="" readonly">

 

      폼을 작성한 다음 견적서필드란에 위 필드명를 입력한다.

 

출력폼

결과물

돼지고기: 3,500원

소고기: 4,000원

양고기: 6,000원

합 계:

돼지고기: 3,500

소고기: 4,000

양고기: 6,000

합 계: 13,500

 

 #을 이용한 작성예

      자동변속기: <input type="checkbox" name="자동변속기[]" value="1,200,000" onchange=field_total();>1,200,000

      알미늄휠: <input type="radio" name="알미늄휠[]" value="보급형# 99,000" onchange=field_total();>보급형# 99,000

     <input type="radio" name="알미늄휠[]" value="일반형# 320,000" onchange=field_total();>일반형# 320,000

     <input type="radio" name="알미늄휠[]" value="고급형# 480,000" onchange=field_total();>고급형# 480,000

      합 계:  <input type="text" name="total[]" value="" readonly"> 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

자동변속기: 1,200,000

알미늄휠 보급형# 99,000일반형# 320,000고급형# 480,000

합 계:

자동변속기: 1,200,000

알미늄휠: 보급형# 99,000

합 계: 1,299,000

 

 가격*수량 작성예 1

      가격*수량은 배열로 작성할 수 있으며 textarea를 제외한 폼을 혼용해서 작성가능하다.

 

      양파: <input type="hidden" name="양파[]" value="4,200">4,200원

      <input type="text" name="양파[]" value=" X ">

      <input type="text" name="양파[]" value="1" onchange=field_total();>개

      합 계:  <input type="text" name="total[]" value="" readonly"> 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

양파 4,200원

합 계:

양파: 4,200 X 1

함계: 4,200

 

 가격*수량 작성예 2

      가격*수량은 배열로 작성할 수 있으며 textarea를 제외한 폼을 혼용해서 작성가능하다.

 

      <SELECT onchange=field_total(); name=게임CD[]> <OPTION value="" selected> 선택하십시오</OPTION>

      <OPTION value="스타워즈# 600">스타워즈(600원)</OPTION>

      <OPTION value="철권# 400">철권(400원)</OPTION>

      <OPTION value="맘보스틱# 200">맘보스틱(200원)</OPTION>

      <OPTION value="건담# 500">건담(500원)</OPTION>

      </SELECT>

      <INPUT type=hidden value=" X " name=게임CD[]>

      <SELECT onchange=field_total(); name=게임CD[]>

      <OPTION value=1 selected>1</OPTION>

      <OPTION value=2>2</OPTION>

      <OPTION value=3>3</OPTION>

      <OPTION value=4>4</OPTION>

      <OPTION value=5>5</OPTION>

      <OPTION value=6>6</OPTION>

      <OPTION value=7>7</OPTION>

      <OPTION value=8>8</OPTION>

      <OPTION value=9>9</OPTION>

      </SELECT>

      <INPUT type=hidden value="원 개" name=게임CD[]>개

      <SELECT onchange=field_total(); name=컴퓨터[]>

      <OPTION value="" selected>선택하십시오.</OPTION>

      <OPTION value="모니터# 1,600">모니터(1,600원)</OPTION>

      <OPTION value="키보드# 100">키보드(100원)</OPTION>

      <OPTION value="마우스# 300">마우스(300원)</OPTION>

      <OPTION value="램 500M# 2,500">램 500M(2,500원)</OPTION>

      </SELECT>

      <INPUT type=hidden value=" X " name=컴퓨터[]>

      <SELECT onchange=field_total(); name=컴퓨터[]>

      <OPTION value=1 selected>1</OPTION>

      <OPTION value=2>2</OPTION>

      <OPTION value=3>3</OPTION>

      <OPTION value=4>4</OPTION>

      <OPTION value=5>5</OPTION>

      <OPTION value=6>6</OPTION>

      <OPTION value=7>7</OPTION>

      <OPTION value=8>8</OPTION>

      <OPTION value=9>9</OPTION>

      </SELECT>

      <INPUT type=hidden value="원 개" name=컴퓨터[]>개

      합 계:<input type="text" name="total[]" value="" readonly>

      <INPUT type=hidden value="원" name=total[]>원 라고 작성해주면 아래처럼 출력시켜준다.

 

출력폼

결과물

합 계:

게임CD: 스타워즈# 600원 X 1개

컴퓨터: 모니터# 1,600원 X 1개

함계: 2,200원