,可以通过以下步骤实现:
<button id="contactButton">Contact Form 7</button>
$(document).ready(function() {
$('#contactButton').click(function() {
// 设置预选选项
var preselectedOption = 'Option 1';
var formId = 'contactForm'; // Contact Form 7表单的ID
var inputName = 'your-name'; // 预选选项对应的表单字段名称
var inputValue = 'John Doe'; // 预选选项的值
// 使用Contact Form 7的API方法设置预选选项
var form = document.getElementById(formId);
if (form && form.elements[inputName]) {
form.elements[inputName].value = inputValue;
}
});
});
在上述代码中,我们通过设置表单字段的value属性来设置预选选项的值。
<label for="your-name">Your Name (预选选项):</label>
<input type="text" name="your-name" id="your-name" value="" />
这样,当用户点击按钮时,预选选项就会被设置为指定的值。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法提供相关链接。但可以参考腾讯云的官方文档和开发者社区来获取更多关于腾讯云的信息和产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云