Question

我正在尝试使用单击的按钮的innerHtml更改输入值的值...我尝试过几种方法，但没有一种方法可以使用

<script>
   function changeValue(){
     var cValue = document.getElementbyId('technician').innerHTML;
     var cType = document.getElementbyId('type');
     var cType.value = cValue;
    }
</script>

<button id="technician" onclick="changeValue()">Technician</button>
<input type="" id="type" name="type" value="change"></input>

我也试过

<script>
   function changeValue(){
     var cValue = document.getElementbyId('technician').innerhtml;
     document.getElementbyId('type').value = ('cValue');
    }
</script>

似乎都没有工作

Answer 1

你的代码中有几个拼写错误大写和小写字母在getElementById和innerHTML

之类的内容中很重要

我相信这是你正在尝试做的事情：

＆＃13;

<script>
   function changeValue(o){
     document.getElementById('type').value=o.innerHTML;
    }
</script>

<button id="technician" onclick="changeValue(this)">Technician</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" id="type" name="type" value="change" />

＆＃13;

Answer 2

这是一个非常简单的方法：

＆＃13;

function changeValue(value) {
  document.getElementById('button1').innerHTML = value;
}

＆＃13;

<button onclick="changeValue('This content has changed.')" id="button1">I have some content that will change when you click on me.</button>

＆＃13;

我希望这个例子有所帮助！

Answer 3

<button id="technician" onclick="changeValue()">Technician</button>
<input type="" id="type" name="type" value="change"></input>
<script>
   function changeValue(){
        document.getElementById('type').value="There you go";
    }
</script>

Answer 4

我认为这就是你想要的：

<script>
   function changeValue(){
     document.getElementById('technician').innerHTML = document.getElementById('type').value;
    }
</script>
<button id="technician" onclick="changeValue()">Technician</button>
<input id="type" name="type" value="change"></input>

Answer 5

感谢您的所有答案。我的问题是，当我打电话给var cVaue时，我把它包围了

document.getElementbyId('type').value = ('cValue');

什么时候我应该有这样的代码

document.getElementbyId('type').value = cValue;

更改输入字段的值onclick

5 个答案: