Удалить аттрибут jquery?

Question

[maestro07]

Есть динамическая таблица, где можно добавлять/удалять строки.
В одной ячейке есть select option, а в другой есть input.
и когда select option равен определенному значению надо из input-a удалить readonly

<select onchange="getCode(this.value);">
    <option value="0">-Не выбран-</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

function getCode(val) {
    if (val == 6) {
        $(this).parent().find('input.product_id').removeAttr('readonly');
    }
}

но результата не вижу все так readonly

Answer 1

[Ирина]

1)
attr - невалидно тыщу лет
вот так надо бы

$(this).parent().find('input.product_id').prop('readonly', false);

2) $(this).parent().find - если у вас селект и инпут в разных ячейках, то этот код будет искать инпут только в родителе селекта - та же ячейка.
надо выше подняться
типа если они в одной строке, то
$(this).closest('tr').find
или во всей таблице такой инпут один
$(this).closest('table').find

Comments

[maestro07]

в одном tr.

$(this).closest("td.td_product_catalog_tru_id").find('td.product_catalog_tru_id').prop('readonly', false);

все равно не пашет

[Ирина]

1)
$(this).closest("td.td_product_catalog_tru_id").find('td.product_catalog_tru_id').
если не понимаете принципы перемещения по dom, то не пишите такой ****

closest - это поиск вверх по дереву до указанного в скобках селектора. далее find - это поиск внутри найденного элемента.
в этом коде вы ищите td в td

если в одной строке, то достаточно что я выше написасла
$(this).closest('tr').find

2)
find('td.product_catalog_tru_id').prop('readonly',

тут вы меняете readonly для ячейки (селектор td)

[maestro07]

Ирина,
onChange="getTrueOriginCode(this);"

function getTrueOriginCode(val) {
    console.log(val.value);
    if (val.value == 6) {
        console.log(val);
    }
}

когда вывожу console
выдает

<select name="product_set.products[0].tru_origin_code" class="form-control tru_origin_code" onchange="getTrueOriginCode(this)" data-original-title="">
                                        <option value="0">-Не выбран-</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>

а это то что лежит в td. мне надо найти input. product_catalog_tru_id который в другом td и убрать readonly

[ProjectSoft]

Да посмотрите в консоль

function getCode(val) {
    if (val == 6) {
        console.log($(this).parent().find('input.product_id').length);
        $(this).parent().find('input.product_id').removeAttr('readonly');
    }
}

Если 0 - значит jQuery не находит элементы.

[Ирина]

maestro07,
пишешь пишешь вам код, а вы все равно свое в ответ

Вот так то пробовали?

function getCode(val) {
    if (val == 6) {
        $(this).closest('tr').find('input.product_id').prop('readonly', disabled);
    }
}

[maestro07]

Ирина, делал, не видит все равно, проверил length и выводит 0

[Ирина]

maestro07,
тогда

function getCode(val) {
console.log(val);
    if (val == 6) {
        $(this).closest('tr').find('input.product_id').prop('readonly', disabled);
    }
}

что в консоли, значение селекта то получается?
и кусок верстки, где ваши селект-инпут в одной строке лежат

[Ирина]

maestro07,
ооо
и $(this) то у нас тут - это никто

сделайте полностью на jquery

не select onchange="getCode(this.value);"

а дать какой то класс/ид селекту
и сделать вызов обработчика

$('класс_селектора').on('change', function() {
if($(this).find(':selected').val()==6) {

$(this).closest('tr').find('input.product_id').prop('readonly', disabled);
}
});

[maestro07]

Ирина, это работает тема:)