使用javascript为多个字符显示文本字段中的文本

时间:2015-02-03 01:28:15

标签: javascript

我想使用JavaScript在输入文本字段中使用JavaScript显示文本。我可以使用每个字符(9,10,e ...)的单独代码行来实现这一点,但我无法将其合并为一行代码,我知道这是可行的。当我尝试合并时,文本区域中没有任何内容显示或只会闪烁,但不会停留在屏幕上。

这是我的工作代码很好用,但我不想为我想要的每个字符输入这个代码。

HTML

<form name="frm">
  <input type="text" name="result">
  <input type="button" name="3" value="7" onClick="run7()">
  <input type="button" name="4" value="8" onClick="run8()">
  <input type="button" name="3" value="9" onClick="run9()">
</form>

使用Javascript:

function run7(){
document.frm.result.value += "7";
}
function run8(){
document.frm.result.value += "8";
}
function run9(){
document.frm.result.value += "9";

以下列出了我尝试过的但我没做过的事情:

var character = document.getElementById('id').value;
document.frm.result.value = character;

我甚至将输入更改为按钮

var character = document.getElementById('id').innerHTML;
document.frm.result.value = character;

var character = document.getElementById('id').innerHTML.value;
document.frm.result.value = character;

var character = document.getElementById('id').value.innerHTML;
document.frm.result.value = character;

var textField = document.frm.result;
function runEverything() {
 textField.onclick(function) {
   textField = document.getElementById('id').innerHTML;
 }
}

当然我仍然是Javascript的处女。但说真的,我在这里想念的是什么?

1 个答案:

答案 0 :(得分:1)

试试这个:

<form>
    <input type="button" name="3" value="7" onClick="run(this)">
    <input type="button" name="4" value="8" onClick="run(this)">
    <input type="button" name="3" value="9" onClick="run(this)">
</form>

function run(src){
    document.frm.result.value += src.value;
}