istudent Ответов: 1

Как обновить атрибут входного элемента с выбранным значением из выпадающего списка при изменении события ?


How do i update data-reason attribute with selected value from drop down in my input element?

<table class='reorderTablerow'>
<tbody>
<tr>
<td>
<input data-item='item A' data-itemid='001' data-reason='' class='quanityborderinput' type=text/>
</td>
<td>
<select>
<option>Select reason</option>
<option>Out of stock</option>
<option>Damaged item</option>
</select>
</td>
</tr>
<tr>
<td>
<input data-item='item B' data-itemid='002' data-reason='' class='quanityborderinput' type=text/>
</td>
<td>
<select>
<option>Select reason</option>
<option>Out of stock</option>
<option>Damaged item</option>
</select>
</td>
</tr>
</tbody>
</table>


Что я уже пробовал:

до сих пор мой код jquery код таков

Part of jQuery 
    var orderformcontainer = $(this).parent().parent();
    var timestamp = moment();
    var OrderFormType = $(this).attr("data-orderformtype");
    var quanityinputboxes=orderformcontainer.parent().find("tbody .quanityborderinput");

    var items = quanityinputboxes.filter(function (index) {
        return $(this).val().length > 0;
    });

    var orderitems = [];
    items.each(function (index, element) {
        var itemid = $(element).attr("data-itemid");
        var quantity = $(element).val();
        var name = $(element).attr("data-itemname");
		});

Karthik_Mahalingam

Таблица Html и код Javascript не имеют никакого отношения.
где эта кнопка ?
что означает "это"?

вы хотите обновить атрибут textbox в той же строке при изменении поля выбора?

istudent

Сверху есть кнопка. Прямо сейчас мне просто нужно передать значение, выбранное из каждого выбранного списка, в его входной элемент data-reason attribute.

istudent

- Спасибо, сэр.

Karthik_Mahalingam

добро пожаловать

istudent

Сэр, я столкнулся здесь с проблемой.

istudent

В приведенном выше примере есть еще один элемент td, как и ниже, который имеет имя метки для этой строки. код работает нормально, но до вызова ajax.
При успешном выполнении он добавляет элемент div внутри первого td теперь после возврата ajax, когда я выбираю выпадающий элемент, он не выбирается.
Он даже не вызывает функцию.




Karthik_Mahalingam

вы можете показать код?

Karthik_Mahalingam

после разметки

istudent

это обозначает кнопку.

istudent

"это" обозначает кнопку, и
да я хочу каким то образом включить выбранный вариант в

var orderitems = [];
items.each(функция (ИНДЕКС, элемент) {
ВАР атрибут Itemid = $(элемент).м("данные-идентификатор элемента");
количество ВАР = $(элемент).вал();
var name = $(element).attr("data-itemname");
ВАР причине = });
строк orderitems[индекс] = { Itemid свойства: Itemid и количество: количество, наименование, OrderReason: причины };

istudent

Сэр, я немного изменился. $(документ).на('Изменить', '.класса MyClass'.функция(а,б){});

Вот так ... это сработало. Еще раз спасибо сэр

Richard Deeming

jQuery имеет специальный API для чтения и обновления data- атрибуты:
https://api.jquery.com/data/[^]

1 Ответов

Рейтинг:
11

Karthik_Mahalingam

пробовать

$(function () {

        $('.reorderTablerow tr select').change(function (a, b) {
            var value = a.target.value;
            var row = a.target.parentElement.parentElement; 
            $('.quanityborderinput', row).attr('data-reason', value); 
        });

    });