在第三个文本中显示两个文本框文本

时间:2016-10-06 13:47:38

标签: javascript html

我有三个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;
        }
    }

但它将两个值分开并显示。

这是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>

1 个答案:

答案 0 :(得分:0)

当你这样写:

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

它会自动计算,你也在检查输出是否为!isNaN(result),这没有任何意义。我想你正在寻找将其显示为字符串。因此,摆脱if条件并使result看起来像一个字符串:

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

你应该只有:

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

此外,您不需要parseInt,它仅用于计算。从技术上讲,您将两个字符串与/

组合在一起
var result = txtfirst + "/" + txtSecond;

还有一件事是,您需要使用id的{​​{1}}值,因此请将其更改为:

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

最终代码

document.getElementById('Text3').value = result;
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() {
}