Question

我是一个完全的初学者，所以在将工作脚本粘贴到我的WP设置中几个小时后没有任何结果，我转向帮助。我绝望而且没时间了:(

我尝试根据另一个表单字段的输入更新表单字段（第一个是选择菜单，第二个是常规文本输入）。它是一个Wordpress / Woocommerce安装，包含插件生成的字段，因此我无法控制输出。这些字段只有名称（没有ID），我发现的所有示例都使用ID。

表格代码

<select class="addon addon-select" name="addon-8-choose-a-player-0">

                <option value="">None</option>

                <option data-raw-price="200" data-price="200" value="player-1-1">Player 1</option>
                <option data-raw-price="200" data-price="200" value="player-2-2">Player 2</option>
                <option data-raw-price="200" data-price="200" value="player-3-3">player 2</option>

</select>

<input type="text" class="input-text addon addon-custom" data-raw-price="100" data-price="100" name="addon-8-name-100-1[0]" value="">

jQuery代码

jQuery(document).ready(function( $ ) {

    function onchange() {
        var box1 = $("select[name='addon-8-choose-a-player-0]");
        var box2 = $("#addon-8-name-100-1[0]");
        box2.val(box1.val());
    }
    $("select[name='addon-8-choose-a-player-0]").on('change', onchange);
});

Answer 1

也许你正在寻找的东西：

jQuery(document).ready(function( $ ) {

    function onchange() {
        var box1 = $("select[name=addon-8-choose-a-player-0]");
        var box2 = $("input[name*=addon-8-name-100-1]");
      console.log(box1);
            console.log(box2);
        box2.val(box1.val());
    }
    $("select[name=addon-8-choose-a-player-0]").on('change', onchange);
});

请参阅codepen：https://codepen.io/anon/pen/JvPKGj

根据另一个字段中的输入自动更新表单字段（仅获取名称）

1 个答案: