需求：拆分下拉选框值至双输入框，遇jQuery插件转小写问题

看起来你现在需要搞定两个核心需求：一是修正插件把下拉选框值强制转小写的问题，二是把选中的值拆分到两个独立的输入框里。我来帮你调整之前的jQuery代码，一次性解决这两个问题：

首先理清楚核心思路：

• 小写修复：这类插件通常只会修改下拉选项的value属性为小写，但选项的显示文本（text()）还是保持正常格式的，所以优先用文本内容就能避开小写问题；如果必须依赖value，也可以通过正则把小写值还原为首字母大写的格式。
• 值拆分：假设你的下拉值是类似"John Doe"或"john-doe"的两部分格式，我们可以通过对应分隔符拆分后，分别赋值给两个输入框。

下面是修改后的完整代码：

jQuery(document).ready(function( $ ) { 
    // 提前缓存DOM元素，避免重复查询提升性能
    const playerSelect = $("select[name='addon-8-choose-player-0']");
    // 第一个目标输入框（你原有的输入框）
    const firstInput = $("input[name*='addon-8-name-100-1']");
    // 第二个目标输入框，请替换成你实际的选择器
    const secondInput = $("input[name*='addon-8-name-100-2']");

    function handleSelectionChange() {
        // 获取当前选中的选项元素
        const selectedOption = playerSelect.find(":selected");
        
        // 方案1：优先用选项的显示文本（避开插件转小写的value）
        let selectedContent = selectedOption.text().trim();

        // 方案2：如果必须使用value属性，把小写值还原为首字母大写格式（比如"john doe"转成"John Doe"）
        // selectedContent = playerSelect.val().replace(/\b\w/g, char => char.toUpperCase());

        // 拆分内容：这里按空格拆分，如果你是用连字符分隔，改成split('-')即可
        const [part1, part2] = selectedContent.split(' ');

        // 把拆分后的内容分别赋值到两个输入框，处理拆分后可能为空的情况
        firstInput.val(part1 || '');
        secondInput.val(part2 || '');
    }

    // 绑定下拉框的change事件
    playerSelect.on('change', handleSelectionChange);
    // 页面加载完成后自动触发一次，确保初始选中的值也能同步到输入框
    handleSelectionChange();
});

关键细节说明： #

• DOM缓存：提前把需要用到的下拉框和输入框存起来，比每次事件触发时再查询DOM要高效很多。
• 大小写处理：提供了两种方案，你可以根据插件的实际表现选择：如果选项文本是正常格式，用方案1更稳妥；如果插件连文本也转成小写了，就用方案2的正则还原。
• 拆分逻辑：默认按空格拆分，如果你下拉值的分隔符是其他（比如下划线、连字符），只需要修改split(' ')里的参数即可。
• 初始化触发：添加页面加载时的自动触发，避免页面刚打开时输入框为空，只有改变下拉值才同步的问题。

记得把代码里的第二个输入框选择器input[name*='addon-8-name-100-2']替换成你实际使用的输入框name哦！

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