Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >更改WordPress Contact Form 7中提交按钮的值

更改WordPress Contact Form 7中提交按钮的值
EN

Stack Overflow用户
提问于 2018-06-30 16:00:17
回答 2查看 4.7K关注 0票数 1

我需要将这个提交按钮的值从"Send“更改为"MyString":

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" wtx-context="A7CF2DEB-43B6-43C4-8572-9624A3E7F524">

这段代码是使用Contact Form7在WordPress中创建的,我不能修改它,所以不幸的是我不能使用getelementbyid。

我试过了,但不起作用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script>
document.getElementsByClassName("wpcf7-submit").value = 'MyString';
</script>

帮助!

EN

回答 2

Stack Overflow用户

发布于 2018-06-30 16:04:53

算了..。它简单得离谱。

在Contact Form 7编辑器中,我更改了:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[submit "Send"] to [submit "MyString"]
票数 2
EN

Stack Overflow用户

发布于 2018-06-30 16:13:21

你们差一点就到了!由于document.getElementsByClassName("wpcf7-submit")返回一个对象,因此您必须使用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.getElementsByClassName('wpcf7-submit')[0].value = 'MyString';

它返回一个对象,因为可能有多个元素也包含相同的类。因此,在本例中使用[0]时,您将选择类为wpcf7-submit的第一个元素。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51116428

复制
相关文章
Contact Form 7:最强大的 WordPress 联系表单插件
帮人做 WordPress 项目的时候,经常需要帮客户设置联系表单,一般我们都会推荐客户使用 Contact Form 7 这个 WordPress 插件。
Denis
2023/04/14
9150
Contact Form 7:最强大的 WordPress 联系表单插件
WordPress Contact Form Entries Cross 跨站脚本攻击
https://wpscan.com/vulnerability/c3d49271-9656-4428-8357-0d1d77b7fc63
Khan安全团队
2022/01/15
4440
Button按钮为什么无缘无故会提交form表单?
我的form表单里有好几个Button按钮,每个按钮有不同的功能,可是这些按钮居然都有提交功能,真是把我惊呆了
全栈程序员站长
2022/07/08
7210
js form表单提交(jsp form表单提交方式)
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数
全栈程序员站长
2022/07/30
14.8K0
小白前端入门笔记(19),form表单里的加入提交按钮
在上一次挑战当中我们尝试了给一个input元素添加form表单,但是我们只是添加了表单是不够的,用户填好了信息但是少了一个触发上传的按钮。所以今天我们就来说说怎么给form表单添加一个提交按钮。
TechFlow-承志
2021/03/11
1.4K0
一个form两个提交按钮,分别提交到两页面
<script> function save(){ document.form1.action="right.asp"; document.form1.submit(); } function send(){ document.form1.action="sendtaskook.asp"; document.form1.submit(); } </script> <form name="form1"> <input type="button" name="btn1" value="发送" onclick="send();"> <input type="button" name="btn2" value="保存" onclick="save();"> </form>
Tony老师
2020/03/05
1.1K0
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
6.7K0
WordPress 技巧:只在含有联系表单的页面加载 Contact Form 7 的 JS 和 CSS
Contact Form 7 是一个非常强大并且易用的联系表单的插件,我在很多项目中都用到它,但是这个插件有个很不好的地方,会在整个博客的所有前台页面都加载 Contact Form 7 的 JavaScript 和 CSS 代码,对于性能要求极致的我们,当然不允许这样的事情发生,所以我们可以通过下面的代码实现只在含有 Contact Form 7 表单的页面加载 Contact Form 7 的 JS 和 CSS 代码。
Denis
2023/04/15
1.5K0
Contact Form 7插件添加表单教程
作为一个网站所有者,你绝对应该学习如何添加一个联系表单到WordPress。你的网站不是一个匿名实体。大多数人都想知道,偶尔也会和他们所读内容背后的人互动。你认为为什么会有作者简介和博客评论?今天外贸
Hoan外贸建站
2020/12/03
1.8K0
form表单提交controller层接收到的值为乱码的问题
  今天遇到个中文乱码问题,大体情况是这样的:前台有一个form表单,其中有几个input的控件,值是带中文的,form表单只设置了id='form1' method='post' action='xxx'
程序员一一涤生
2019/09/10
3.6K1
layui踩坑记录之form表单下的button按钮默认自动提交
layui form表单下的button按钮会自动提交表单的问题以及解决方案_layui form里面其他button按钮_你用点心就行的博客-CSDN博客
acoolgiser
2023/10/16
1.2K0
Django 提交 form 表单
创建 Django 的过程可以参考上一篇文章 https://www.cnblogs.com/klvchen/p/10601536.html
py3study
2020/01/17
9350
ajax提交form表单
$.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// 你的formid,serialize()函数会把表单要提交的数据序列化成参数形式 async: false,
用户1503405
2021/09/23
3.4K0
form表单提交的几种方式
完成后启动项目 并访问http://localhost:8080/query.html 输入用户名和密码
全栈程序员站长
2022/07/21
6.5K0
form表单提交的几种方式
$.ajax使用Form提交与Payload提交
Form解析可以直接从Request对象中获取请求参数,这样对象转换与处理相对容易,但在大批JSON数据需要提交时,可能会出现大量的数据拆分与处理工作,另外针对集合类型的处理,也是其比较薄弱的地方。
Bobby
2018/06/21
2.9K3
$.ajax使用Form提交与Payload提交
常见的Form表单提交方式
在进行项目编程的时候,我们难免会去编写一些简单的前端页面. 而编写前端页面就力不开 form表单的支持. 下面就form表单的提交方式进行如下探寻
时间静止不是简史
2020/07/25
3.5K0
form表单提交的几种方式
上面代码就可以直接完成form表单的提交,提交地址为test.php。但大部分时候我们都需要对提交的内容进行校验。这时候就需要用到了onsubmit了。
用户1349575
2022/02/22
1.8K0
SpringMvc返回form表单提交
前言:在项目中需要后台处理完数据之后post 表单提交跳转到对方的前台页面,不管是银联网银支付还是第三方网银支付。这个时候就需要使用ResponseBody方法模拟form表单提交。
王念博客
2019/07/24
2.1K0
C#通讯录——Windows Form Contact List
C#通讯录 Windows Form Contact List 主窗口 using System; using System.Collections.Generic; using System.Com
landv
2018/05/24
7120
点击加载更多

相似问题

如何在Wordpress "contact form 7“中禁用提交按钮和更改表单提交中的文本

31

如何更改WordPress contact form 7中的日期格式

37

在Contact Form 7 Wordpress中提交后下载文件

35

如何将谷歌分析OnClick添加到Wordpress Contact Form 7提交按钮

011

未在wordpress的contact form 7插件中设置值

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文