Onclick沒有做任何事情

所以我在這裏浪費了幾個小時，爲什麼這個東西沒有工作。我有一個更大的功能不工作，所以我決定測試這個小的功能，但它也沒有工作。沒有錯誤，但點擊按鈕後沒有任何事情發生。Onclick沒有做任何事情

<form> 
      <input type="text" id="textField"> 
      <input id="filtrooo" type="submit" value="Click"> 
    </form> 
<script> 
     document.getElementById("filtrooo").onclick = function(){ 
      document.getElementById("textField").innerHTML ="txt"; 
     }; 
</script>

這裏有什麼問題？

來源

2017-04-13 Mary

並非所有瀏覽器都直接支持onclick功能。嘗試使用'document.getElementById（「filtrooo」）。addEventListener（「click」，function（）{alert（'done'）;}）;' – TypedSource

'textField'是一個輸入字段，使用'value'而不是' innerHTML'。 – Goose

這就是現在沃金：

<form> 
 
    <input type="text" id="textField"> 
 
    <input id="filtrooo" type="button" value="Click"> 
 
</form> 
 
<script> 
 
    document.getElementById("filtrooo").onclick = function(){ 
 
     document.getElementById("textField").value = "txt"; 
 
    }; 
 
</script>

相反的innerHTML你應該寫value。另一個問題是，當你點擊提交按鈕時，頁面刷新並且輸入值被清除。所以，而不是type="submit"這裏我使用type="button"

來源

2017-04-13 21:31:19

這一個工作！謝謝！ – Mary

試試這個：

var filtrooo = document.getElementById("filtrooo"); 

function functionName() { 
    document.getElementById("textField").value ="txt"; 
} 

filtrooo.addEventListener("click", functionName);

來源

2017-04-13 21:31:03 Xander

你是對的，但你的代碼有一個失敗;）filterooo目前未定義 – TypedSource

修復，現在，感謝您指出 – Xander

首先，與一個提交按鈕，頁面將被重新加載，所以你不會看到你的代碼做什麼。然後，請勿使用.innerHTML。使用.value代替

來源

2017-04-13 21:31:42

Onclick沒有做任何事情

回答

相關問題