폼에 특정값 넣을경우 자동결과 계산보여주기
본문
특정 폼에 대이타를 넣을경우
예를들면
<양> : 입력 (변수 wr_1)
<가격> : 입력 (변수 wr_2)
<결과> : 양 * 가격 (변수 wr_3)
이런식으로 넣고싶습니다.
즉 양과 가격만 넣어도 결과가 자동산출되어 보여주고 싶거든요.
그리고 때로는 결과를 수정해서 넣을수도 있도록 수정가능하게 하고 싶습니다.
어떻게 구현해야 할까요?
echo 문으로 if ($wr_1) if(wr_2) { echo $wr_3 = $wr_1*$wr_2 ; }
해도 결과 가 안찍혀서요
form 으로 하려해도 어찌해야할지 몰겠내요.
제가 php 초보라서 그런지 form input은 특정값 넣고 머가 클릭해야넘어가지 안나요??
<code>
<table>
<tr>
<td height=27 >총량(MetricTon)</td>
</tr>
<tr>
<td ><input id=wr_3 type="text" class=t name="wr_3" size=20 required numeric>MT</td>
</tr>
<tr>
<td height=27 >단위가격(Unit Price)</td>
</tr>
<tr>
<td><input id=wr_4 type="text" class=t name="wr_4" size=20 required numeric>USD</td>
</tr>
<tr>
<td height=27 >총수입가격(USD)</td>
</tr>
<tr>
<? if ($wr_3) if(wr_4) { echo $wr_5 = $wr_3*$wr_4 ; } ?>
<td><input type="text" class=t name="wr_5" size=20 required numeric >USD</td>
</tr>
</table>
</code>
답변 2
$("#wr_3").blur(function result(){ //blur는 포커스가 해당 태그에서 벗어 났을경우 실행 onclick이나 다른것으로 바꿔도 됨.
var wr_1 = ""; //초기화
var wr_2 = ""; //초기화
var wr_3 = ""; //초기화
wr_1 = $("wr_1).val(); //id값이 wr_1인 필드에 입력된 wr_1값 변수에 넣기
wr_2 = $("wr_2).val(); //id값이 wr_2인 필드에 입력된 wr_2값 변수에 넣기
wr_3 = wr_1 + wr_2; //wr_1과 wr_2를 더한다음에 wr_3변수에 넣기
$("#wr_3").val(wr_3); //더한값을 wr_3 태그필드에 넣기
});
답변주셔서 감사합니다.
wr_3 을 id 로 지정돼있어 그대로 추가해 써봤는대요.
입력이 안되고 넘어가내요. 물론 리스트에 결과가 나타나지도 않고요.
위의 함수를 잘못사용한건 아닌지. 어떤방식으로 사용해야 됄까요?
스크립트로 wr_5 인풋박스를 onclick시 실행 되는 스크립트를 만드셔야 합니다.
답변 주셔서 감사합니다.그런대 제가 제대로 이해를 못해서 ... 잘안돼내요.
아래와 같이 테스트 해봤습니다..
<code>
<script type="text/javascript">
$function calc( ) {
var Form1 = eval("document.form1");
if (Form1.wr_3.value() = "") {
Form1.wr_3.value = promt("총량은?");
else if(Form1.wr_4.value() = "") {
Form1.wr_4.value = promt("단위가격은?");
else Form1.wr_5.value = Form1.wr_3.value()*Form1.wr_4.value();
}
}
return Form1.wr_5.value ;
}
</script>
....................
<td><table><form id="form1" >
<tr>
<td height=27 >총량(MetricTon)</td>
</tr>
<tr>
<td ><input id=wr_3 type="text" class=t name="wr_3" size=20 required numeric>MT</td>
</tr>
<tr>
<td height=27 >단위가격(Unit Price)</td>
</tr>
<tr>
<td><input id=wr_4 type="text" class=t name="wr_4" size=20 required numeric>USD</td>
</tr>
<tr>
<td height=27 >총수입가격(USD)</td>
</tr>
<tr>
<td><input id=wr_5 type = "text" class=t name="wr_5" value ="<?=$calc()?>" /></td>
<td><input id=wr_5 type ="text" class=t name="wr_5" size = 20 onclick = "$calc()">USD</td>
</tr>
</form></table></td>
</code>