세 번째 텍스트 상자에 두 개의 텍스트 상자 텍스트 표시

Question

세 개의 textbox이 있습니다. 이제 내가 원하는 것은

/ 두 개의 texbox 텍스트를 세 번째 상자에 표시하고 싶습니다.

나는 이것을 시도했다.

function CombineValueText() { 
     var txtfirst = document.getElementById('txtSurvey1').value; 
     var txtSecond = document.getElementById('txtHissa').value; 

     var result = parseInt(txtfirst)/parseInt(txtSecond); 
     if (!isNaN(result)) { 
      document.getElementById('txt712_1').value = result; 
     } else { 
      document.getElementById('txt712_1').value = result; 
     } 
    } 

그러나 값과 표시를 모두 나눕니다. 그것은 자동으로 계산됩니다

var result = parseInt(txtfirst)/parseInt(txtSecond); 

, 당신도 확인하는 출력이 이해가되지 않는, !isNaN(result) 경우 : 당신이 쓸 때 여기

는 HTML

<td class="label"> 
    Survey No : 
</td> 
<td class="field"> 
    <input name="txtSurvey1" type="text" id="Text1" onkeyup="CombineValueText()" onblur="FunDupCheck()" 
     style="width: 80%;" /> 
</td> 
<td class="label"> 
    Hissa No : 
</td> 
<td class="field"> 
    <input name="txtHissa" type="text" id="Text2" onkeyup="CombineValueText()" style="width: 80%;" /> 
</td> 
<td class="label"> 
    7/12 : 
</td> 
<td class="field"> 
    <input name="txt712_1" type="text" id="Text3" readonly="readonly" style="width: 30%" /> 
</td> 

Answer 1

입니다 . 나는 당신이 문자열로 표시하고자하는 것 같아요. 그래서 if 조건을 없애 및 문자열처럼 보이게하는 result합니다

var result = parseInt(txtfirst) + "/" + parseInt(txtSecond); 

을 그리고 당신은 단지이 있어야합니다 또한

document.getElementById('txt712_1').value = result; 

을, 당신은 사용되는 parseInt을 필요가 없습니다 계산 용. 기술적으로 당신이 /로 두 문자열을 결합됩니다

var txtfirst = document.getElementById('Text1').value; 
var txtSecond = document.getElementById('Text2').value; 

document.getElementById('Text3').value = result; 

:

var result = txtfirst + "/" + txtSecond; 

한가지 더, 당신은 getElementById의 id 값을 사용하므로으로 변경해야 최종 코드

function CombineValueText() { 
 
    var txtfirst = document.getElementById('Text1').value; 
 
    var txtSecond = document.getElementById('Text2').value; 
 

 
    var result = txtfirst + "/" + txtSecond; 
 
    document.getElementById('Text3').value = result; 
 
} 
 

 
function FunDupCheck() { 
 
}

<table> 
 
    <tr> 
 
    <td class="label"> 
 
     Survey No : 
 
    </td> 
 
    <td class="field"> 
 
     <input name="txtSurvey1" type="text" id="Text1" onkeyup="CombineValueText()" onblur="FunDupCheck()" style="width: 80%;" /> 
 
    </td> 
 
    <td class="label"> 
 
     Hissa No : 
 
    </td> 
 
    <td class="field"> 
 
     <input name="txtHissa" type="text" id="Text2" onkeyup="CombineValueText()" style="width: 80%;" /> 
 
    </td> 
 
    <td class="label"> 
 
     7/12 : 
 
    </td> 
 
    <td class="field"> 
 
     <input name="txt712_1" type="text" id="Text3" readonly="readonly" style="width: 30%" /> 
 
    </td> 
 
    </tr> 
 
</table>