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

时间:2017-04-07 16:27:04

标签: javascript html

这是我在StackOverflow上的第一个问题。如果我似乎偏离规则,请道歉。

我有两个文本框和一个提交按钮。想法是,用户在第一个输入框中键入一个数字,例如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");
    }
}

我该怎么做?

3 个答案:

答案 0 :(得分:0)

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/

答案 1 :(得分:0)

使用以下代码

的Javascript

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/

答案 2 :(得分:0)

仅使用1 .portfolio-background { background: url(/assets/images/background1-small.jpg) fixed; background-size: cover; } @media (min-width: 530px) { .portfolio-background { background: url(/assets/images/background1.jpg) fixed; background-size: 100% 100%; } } 而不是2 =。 所以改变:

==

对此:

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

2表示等于,1表示设置为。 查看&#39;赋值运算符&#39; this page部分供参考。 希望这有效!