多个变量放入一个文本框中

时间:2016-03-16 08:57:48

标签: javascript html5

我正在尝试将多个js变量值导入到html中的一个文本框中,但只显示第一个变量。

有没有办法在一个文本框中显示所有变量(两个浮点数,两个字符串),还是应该搜索其他解决方案?

document.getElementById('outputbox').value = lengthFixed;  
document.getElementById('outputbox').value = widthFixed;

2 个答案:

答案 0 :(得分:1)

您可以将变量合并为一个,然后将其放入文本框中。

的Javascript

DustinCampbell closed Implement View.SynchronizeClassView command #7073 in on Dec 1, 2015.

HTML

var a = "String a";
var b = "String b";
var c = 3;
var d = 4;

var buffer = "" + a + b + c + d; //"" to make sure it is a string

var textBox = document.getElementById('textBoxHtml');
textBox.value = buffer;

答案 1 :(得分:1)

JS://为您的变量分配任何内容,它们会显示您想要的内容。

var lengthFixed = 12;
var widthFixed = 17;
document.getElementById('outputbox').value = ""+lengthFixed+widthFixed;

HTML:

<input type="text" name="outputbox" id="outputbox" />

JS FIDDLE:

https://jsfiddle.net/patelnirpendra/31srxt7m/