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>

Javascript“onclick”事件未在提交按钮上加载

1 个答案: