3つ目のテキストボックスに2つのテキストボックステキストを表示

Question

私は3つのtextboxを持っています。今私が欲しいのは、

/という2つのテキストボックスのテキストを3番目のボックスに入れたいと思っています。

このようにしてみました。

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が、必要はありません。計算のためのみです。技術的にはあなたが/で2つの文字列を組み合わせています

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>