Javascript“onclick”事件不會在提交按鈕上加載

Question

這是我的代碼：

www.<input class="text" type="text" value="" name="domain" id="domain" />
    <input type="button" value="Submit" name="submit" id="submit" 
           onclick="mostrar_cpanel(document.forms[0].domain.value,'rpta_domain')" />
<br /><br />

onclick JavaScript 函數將不會運行。 有人可以幫忙嗎？

Answer 1

如果您使用<form>不是您的提交操作元素將嘗試觸發瀏覽器默認跟隨- 導致頁面刷新。
相反，如果您對表單有其他計划，您可以Event.preventDefault()否則會發生的操作，允許您繼續執行您計划的任何 javascript 執行。

此外，要將所需的值輸出到元素，請使用document.getElementById而不是innerHTML例如：

 function mostrar_cpanel(val, str) { event.preventDefault(); document.getElementById("myOutput").innerHTML= val+' '+str; }

 <form> <input class="text" type="text" value="" name="domain" id="domain" /> <input type="button" value="Submit" name="submit" id="submit" onclick="mostrar_cpanel(document.forms[0].domain.value,'rpta_domain')" /> <div id="myOutput"></div> </form>