根据另一个字段中的输入自动更新表单字段(只有名称)

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);
});

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