Question

我正在尝试使用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>

Answer 1

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

Answer 2

在onclick功能上，尝试更改，

'document.getElementById（“message”）。value =“感谢您订阅”;返回false;'

到

 'document.getElementById("message").innerHTML = "Thank you for subscribing";return false;'

Answer 3

只需将value更改为innerHTML

即可

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

Answer 4

使用InnerHtml会设置您的Span文字，但会回发，因此您将无法看到任何内容。删除表单标签，然后您就可以看到它。

<div class="subscribe_block">

保持联系

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

javascript onclick无法在表单中工作

4 个答案:

保持联系