WordPress中如何用jQuery自动为CF7表单输入框填充页面名称？

别担心，新手遇到这种问题太正常了！我来帮你一步步搞定这个需求——不管是用你更熟悉的jQuery/JavaScript，还是稍微简单的PHP方案，都有可行的办法。

先说说你之前jQuery代码失效的原因 #

你的代码没生效主要有3个小问题：

1. 选择器错误：你用了.nomeapt input，但你的输入框并没有nomeapt这个类名，应该用name属性来精准定位（你的输入框name="nomeappt"）
2. 属性名写错：你用了attr("val")，但表单输入框的正确属性是value，而且jQuery有专门的val()方法来设置表单值，比attr()更靠谱
3. 没有获取实际页面名称：你写的"pagename"是固定字符串，不是动态获取的页面标题

方案一：jQuery/JavaScript 方案（无需修改PHP，新手友好） #

这个方案直接用JS获取页面标题，填入输入框，你只需要把代码加到WordPress里即可：

简单版（直接用页面标题） #

把这段代码添加到你的主题自定义JS中（后台→外观→自定义→额外JS，或者用类似Simple Custom CSS and JS的插件）：

jQuery(document).ready(function($) {
    // 获取当前页面的标题
    let pageTitle = document.title;
    
    // 如果你页面标题后面带有站点后缀（比如" - Tecnoimm"），可以用下面这行去掉它，记得把后缀改成你自己的
    // pageTitle = pageTitle.replace(" - Tecnoimm", "").trim();
    
    // 找到name为nomeappt的输入框，设置它的value值
    $('input[name="nomeappt"]').val(pageTitle);
});

更精准版（用WordPress原生页面标题，无后缀） #

如果你的页面标题带有站点名称后缀（比如文章标题 - 我的网站），上面的方法需要手动去掉后缀，这个方法可以直接拿到WordPress后台设置的页面标题：

1. 先打开主题的functions.php文件（后台→外观→主题文件编辑器→找到functions.php），添加这段代码：

function pass_page_title_to_js() {
    global $post;
    // 只在单页面/文章页面生效
    if (is_singular()) {
        $page_title = get_the_title($post->ID);
        // 把页面标题传到JS全局变量里
        wp_localize_script('jquery', 'WPData', array(
            'pageTitle' => $page_title
        ));
    }
}
add_action('wp_enqueue_scripts', 'pass_page_title_to_js');

2. 然后再添加JS代码：

jQuery(document).ready(function($) {
    // 直接用WordPress传过来的纯净页面标题
    $('input[name="nomeappt"]').val(WPData.pageTitle);
});

方案二：PHP 方案（无需JS，直接在CF7里生成） #

如果你愿意尝试一点点PHP，可以用短代码的方式，让CF7在渲染表单的时候直接把页面标题填进去，完全不需要JS：

1. 同样在主题的functions.php里添加这段代码，创建一个自定义短代码：

function current_page_title_shortcode() {
    global $post;
    // 只在单页面/文章页面返回标题
    if (is_singular()) {
        return get_the_title($post->ID);
    }
    return '';
}
add_shortcode('current_page_title', 'current_page_title_shortcode');

2. 打开Contact Form 7的表单编辑界面，找到那个输入框的代码，把它改成：

[text nomeappt class:wpcf7-form-control class:wpcf7-text class:wpcf7-validates-as-required value:[current_page_title]]

保存后，CF7会自动把[current_page_title]短代码替换成当前页面的标题，用户打开页面时就能看到输入框已经填好页面名称了。

内容的提问来源于stack exchange，提问作者Antoyosh