javascript - 如何使用 Javascript 更改表单中按钮的值

Question

我有一个这样的表格:

<form action="#contact-form" method="post" class="th_contact-form" id="id-59907491">

<div class="form_line">
        <label for="widget-2-your-email" class="th-field-label email" style="display:none;">Your Email<span>(required)</span></label>
        <input type="text" name="widget-2-your-email" id="widget-2-your-email" placeholder="Your Email" class="email">
</div>
<div class="th_contact-submit">
        <input type="submit" value="submit" class="th_button">
</div>

我想将 value="submit" 更改为 value="click here"

如何使用 JavaScript 做到这一点？我没有更改表单代码的自由，因为它是通过 WordPress 中的主题自动生成的，并且他们没有更改按钮文本的选项。

Answer 1

最快的方法:document.querySelector("#id-59907491 [type=submit]").value = "click here";

最稳定的方式:

var frm = document.getElementById('id-59907491'),
    inp = frm.getElementsByTagName('input'),
    l = inp.length, i;
for(i=0;i<l;i++) {
    if( inp[i].type == "submit") {
        inp[i].value = "click here";
        break;
    }
}