JQuery на изменение выберите поле заполнить поле ввода текста

0

Я хочу взять значение из каждого поля выбора либо с помощью селектора имен, либо с идентификатора и снова ввести это значение в текстовое поле ввода либо по имени, либо по имени.

Обратите внимание на 0 в конце id, который может идти от 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">
Теги:

2 ответа

1
Лучший ответ

вы можете использовать селектор jQuery, например: do:

$("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());
});

Демо :: jsFiddle

Поделиться
  • 0
    я вызываю это в document.ready и дал мне эту ошибку Uncaught TypeError: Object function (e,t){return new x.fn.init(e,t,r)} has no method 'split'
  • 0
    @JetonR. Можете ли вы опубликовать свой код в вопросе, потому что он, кажется, хорошо работает в jsfiddle, как упоминалось в моем ответе!
Показать ещё 8 комментариев
0

Вот простой способ, который вы можете адаптировать к вашим потребностям.

Часть 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">

Часть jQuery

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

});

Не забудьте добавить новые классы в свои html-элементы.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню