使用JS / Jquery Wordpress更改值

时间:2017-04-10 09:37:13

标签: javascript jquery wordpress

我使用Pagebuilder插件在Wordpress网站上构建表单。我想将value =“submit”更改为其他内容。当我查看Chrome Dev Tools时,这就是代码的外观。

<p class="input-submit full-size">
    <span class="input-row">
        <span class="submit-wrap">
            <input class="input-required" type="submit" name="form-submit" value="Submit">
        </span>
    </span>
</p>

遗憾的是,Pagebuilder中没有Option可以更改它,所以我需要Javascript。你能帮助我改变价值吗?我不能选择一个ID,因为没有。我尝试了一些东西但没有成功 - >

if( body.hasClass("page-id-2383") )
{
    $(".submit").val("New Value");
}

document.querySelectorAll("input[value=submit]").value  = "New Value";

5 个答案:

答案 0 :(得分:1)

你应该使用::

if( body.hasClass("page-id-2383") ) {
  $('input[name="form-submit"]').val("New Value");
}

工作链接:: https://jsfiddle.net/Lt29cugo/

答案 1 :(得分:0)

使用此

 $(".input-required").attr("value","New value");

答案 2 :(得分:0)

试试这个:

$('input[name="form-submit"]').val("new value");

答案 3 :(得分:0)

为了确保更改您页面中的正确元素,您应该检查每个属性:

if( body.hasClass("page-id-2383") ) {
  $('input[name="form-submit"].input-required').val("New Value");
}

这应该有效。 如果它没有,你也可以尝试.attr(&#34;值&#34;,&#34;新值&#34;)或.prop(&#34;值&#34;,&#34;新价值&#34;)

答案 4 :(得分:0)

1)我认为您可以尝试使用php gettext过滤器为wordpress更改该值。

2)如果需要JS解决方案,唯一正确的解决方案是使用父选择器选择它:

$(".input-row > .submit-wrap > .input-required").attr("value","New value");