javascript onclick无法在表单中工作

标签 javascript

我正在尝试使用 javascript 的 onclick 更改跨度的文本,但它不起作用。它非常简单,但我不确定为什么它不起作用

<div class="subscribe_block">
   <h3><span>Stay Connected</span></h3>
   <form method="post" action="" name="subscribeForm">
    <span id="message"></span>
    <p><input type="text" id="name" placeholder="Your Name" /></p>
    <p><input type="text" id="email" placeholder="Email Id" /></p>
    <p><input type="submit" value="subscribe" onClick='document.getElementById("message").value = "Thank you for subscribing";return false;' /></p>
   </form>
  </div>

最佳答案

    <div class="subscribe_block">
   <h3><span>Stay Connected</span></h3>
   <form method="post" action="" name="subscribeForm">
    <span id="message"></span>
    <p><input type="text" id="name" placeholder="Your Name" /></p>
    <p><input type="text" id="email" placeholder="Email Id" /></p>
    <p><input type="submit" value="subscribe" onClick='document.getElementById("message").innerHTML = "Thank you for subscribing";return false;' /></p>
   </form>
  </div>

使用 'innerHTML' 而不是 'value'

关于javascript onclick无法在表单中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22531432/

相关文章:

javascript - 删除对象数组中的元素

javascript - 如何为自定义 jquery 函数设置参数,然后在滚动时调用该函数并传入一些参数

javascript - 如何使用 Javascript 以通用方式从多个 html 元素中获取值

javascript - 窗口大小调整时如何取消绑定(bind)/关闭 jQuery 事件

javascript - 将对象的前 n 个属性减少/解构为新对象

javascript - 浏览器认为元素在被 js 移走后仍然悬停

javascript - Bootstrap float 面板

javascript - 手动将 yyyy-MM-ddTHH :mm:ss. fffZ 转换为 JavaScript 中的 DateTime

javascript - Angular 6 测试 Jasmine Karma : Override Provider Not working

javascript - 是否可以获取组件中指定的引用名称? Vue.js