2014-11-07 59 views
3

我試圖改變與被點擊按鈕的innerHTML輸入值的價值......我已經嘗試了幾種方法,但沒有工作過變化值的onclick

<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> 

既不似乎工作

+0

代碼嘗試的innerText而不是innerHTML的。如果這不起作用,請嘗試使用document.getElementbyId('technician')。value。 – dotnetstep 2014-11-07 01:35:22

回答

5

你有幾個錯字在你的代碼 大寫和小寫字母做事情喜歡的getElementById和innerHTML的

重要

我相信這是你在做什麼:

<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" />

+0

我沒有看到你所指的錯別字......我能夠解決這個問題..上面回答了它。你的代碼也是如此。其實比我的好。我的代碼更加重要。謝謝 – tru 2014-11-07 14:52:26

+0

拼寫錯誤是使用小寫字母而不是大寫字母。 getElement ** b ** yId與getElement ** B ** yId不同。也內部**的** **是不一樣的內** HTML ** – 2014-11-07 21:13:15

+0

這是一個錯字在這個問題...對不起..在實際的代碼是正確的 – tru 2014-11-07 22:00:35

1

這裏是一個非常簡單的方法來做到這一點:

function changeValue(value) { 
 
    document.getElementById('button1').innerHTML = value; 
 
}
<button onclick="changeValue('This content has changed.')" id="button1">I have some content that will change when you click on me.</button>

我希望這個例子可以幫助!

0
<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> 
0

我想這是你想要的東西:

<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> 
0

感謝您的所有答案。我的問題是,當我打電話了var cVaue我封閉它

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

當我應該有這樣

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