将值传递给HTML输入文本框并显示它

问题描述：

这是我在StackOverflow上的第一个问题。道歉，如果我似乎偏离了规则。将值传递给HTML输入文本框并显示它

我有两个文本框和一个提交按钮。这个想法是，用户在第一个输入框中键入一个数字，例如7。第二个输入框是当点击提交按钮时显示“七”。第一个文本框的ID为“userInput”，而第二个文本框的ID为“userOutput”。

作为一个初步测试，我在JavaScript中有以下代码段，但似乎没有工作;

function toTest() 
{ 
    if (document.getElementById("inputUser").value==7) { 
     document.getElementById("outputUser").value=="Seven"; 
    } else { 
     window.alert("Functionality not added"); 
    } 
}

我该怎么做？

这样的问题被认为太宽泛。阅读[mcve]了解你能在这里问什么。 –

欢迎来到Stack Overflow！请阅读[问]。重要短语：“搜索和研究”和“解释......阻止你自己解决它的任何困难”。 –

从广义上讲，您需要创建一个数组[[零]，“一”，“二”，“三”...]，然后使用用户的输入作为索引来从中提取一个值数组并将第二个输入值（secondInput.value = ...）设置为您所拉取的值。显示你的所得，我们可以提供更多帮助。 – Snowmonkey

答

HTML

FirstBox <input id="first" type="text" name="fname"><br> 
SecondBox <input id="second" type="text" name="lname"><br> 
<button onclick="givevalue()" type="button">Click Me!</button>

的JavaScript

givevalue = function(){ 
    console.log("hello") 
    var value = document.getElementById('first').value; 
    document.getElementById('second').value = value; 

}

JS小提琴

https://jsfiddle.net/64w6yjxv/4/

答

使用下面的代码

Ĵ avascript

var th = ['', 'thousand', 'million', 'billion', 'trillion']; 
// uncomment this line for English Number System 
// var th = ['','thousand','million', 'milliard','billion']; 

var dg = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven',    'eight', 'nine']; 
var tn = ['ten', 'eleven', 'twelve', 'thirteen', 'fourteen', 'fifteen',  'sixteen', 'seventeen', 'eighteen', 'nineteen']; 
var tw = ['twenty', 'thirty', 'forty', 'fifty', 'sixty', 'seventy', 'eighty', 'ninety']; 

function toWords(s) { 
    s = s.toString(); 
    s = s.replace(/[\, ]/g, ''); 
    if (s != parseFloat(s)) return 'not a number'; 
    var x = s.indexOf('.'); 
    if (x == -1) x = s.length; 
    if (x > 15) return 'too big'; 
    var n = s.split(''); 
    var str = ''; 
    var sk = 0; 
    for (var i = 0; i < x; i++) { 
     if ((x - i) % 3 == 2) { 
      if (n[i] == '1') { 
       str += tn[Number(n[i + 1])] + ' '; 
       i++; 
       sk = 1; 
      } else if (n[i] != 0) { 
       str += tw[n[i] - 2] + ' '; 
       sk = 1; 
      } 
     } else if (n[i] != 0) { 
      str += dg[n[i]] + ' '; 
      if ((x - i) % 3 == 0) str += 'hundred '; 
      sk = 1; 
     } 
     if ((x - i) % 3 == 1) { 
      if (sk) str += th[(x - i - 1)/3] + ' '; 
      sk = 0; 
     } 
    } 
    if (x != s.length) { 
     var y = s.length; 
     str += 'point '; 
     for (var i = x + 1; i < y; i++) str += dg[n[i]] + ' '; 
    } 
    return str.replace(/\s+/g, ' '); 
} 

$("#convert").click(function(){ 
    $("#word").val(toWords($("#number").val())); 
});

HTML：

<input type="text" id="number"></br> 
<input type="text" id="word"> 
<input type="button" id="convert" value="convert">

这里是工作的jsfiddle：http://jsfiddle.net/nzRje/257/

答

仅使用1 =而不是2 ==。所以改变：

document.getElementById("outputUser").value=="Seven";

向该：

document.getElementById("outputUser").value="Seven";

2表示等于1和装置设定于位置。请参阅this page中的'赋值操作符'部分以供参考。希望这个作品！

将值传递给HTML输入文本框并显示它

相关推荐