Javascript 更改选择字段上的jQuery填充输入文本字段

我想通过名称选择器或id从每个选择字段中获取值，然后通过名称选择器或id再次将该值输入到输入文本字段中

请注意id末尾的0，它可以从0增加到++数字计数。我希望在值更改时将此选择字段的值输入到输入文本字段中

<select name="option_tree[orn_category_background][0][orn_cat_bg_select]" id="orn_category_background_orn_cat_bg_select_0" class="option-tree-ui-select ">

<input type="text" name="option_tree[orn_category_background][0][title]" id="orn_category_background_title_0" value="VALUE FROM SELECT HERE" class="widefat option-tree-ui-input option-tree-setting-title">

---

您可以使用jQuery选择器，例如：

$("select[id^='orn_category_background_orn_cat_bg_select_']").change(function() {
   var $this = $(this), 
    idNum = $.attr("id").split("_").pop(); //get the last num 0, 1, etc
   $("input[id='orn_category_background_title_"+idNum+"']").val($this.val());
});

---

演示：：

这里有一个简单的方法，您可以根据自己的需要进行定制

HTML部分

<select name="option_tree[orn_category_background][0][orn_cat_bg_select]" id="orn_category_background_orn_cat_bg_select_0" class="option-tree-ui-select getOption">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<input type="text" name="option_tree[orn_category_background][0][title]" id="orn_category_background_title_0" class="widefat option-tree-ui-input option-tree-setting-title returnValue">

$('.getOption').change(function () {
   $( "select option:selected" ).each(function() {
         $('.returnValue').val($( this ).text());
    });

});

---

记得向html元素添加新类。

我在document.ready中调用它，并给了我这个错误

uncaughttypeerror:Object函数（e，t）{return new x.fn.init（e，t，r）}没有方法“split”

@JetonR。您是否也可以发布有问题的代码，因为正如我在回答中提到的，它在JSFIDLE中似乎工作得很好。。！我在选项树插件的WordPress管理面板中使用这个。这需要jQuery以外的任何东西吗？不，它只需要jQuery，我对wordpress不是很了解，但是你可以试着检查你的jQuery是否正确加载了。。！这是否也适用于获取所选选项的文本？在这种情况下，它将获得所有选项，而不是所选选项！