Блог

Главная - Вопросы по программированию - Возможно ли с помощью jQuery изменить значение `данные таблицы` при выборе `опции`?

Возможно ли с помощью jQuery изменить значение `данные таблицы` при выборе `опции`?

#javascript #jquery #dom #html-table #html-select

#javascript #jquery #dom #html-таблица #html-выберите

Вопрос:

Ниже у меня есть простое table с data , у меня также есть два select options .

 <table&&t;
    <td class="td1" id="1"&&t;2</td&&t;
    <td class="td2" id="2"&&t;0</td&&t;
</table&&t;

<select name="options" id="select"&&t;
    <option value="0" id="1a"&&t;None(do nothin&)</option&&t;
    <option value="2" id="2a"&&t;Add 2 to td1 with id 1</option&&t;
    <option value="4" id="3a"&&t;Add 4 to td1 with id 1</option&&t;
    <option value="2" id="4a"&&t;Add 2 to td2 with id 2</option&&t;
    <option value="4" id="5a"&&t;Add 4 to td2 with id 2</option&&t;
</select&&t;

<select name="options2" id="select2"&&t;
    <option value="0" id="1b"&&t;None(do nothin&)</option&&t;
    <option value="2" id="2b"&&t;Add 2 to td1 with id 1</option&&t;
    <option value="4" id="3b"&&t;Add 4 to td1 with id 1</option&&t;
    <option value="2" id="4b"&&t;Add 2 to td2 with id 2</option&&t;
    <option value="4" id="5b"&&t;Add 4 to td2 with id 2</option&&t;
</select&&t;

Возможно ли с помощью jQuery изменить значение table data при option выборе? Например, при выборе первого select option , <option value="2" id="2a"&&t;Add 2 to td1 with id 1</option&&t; новое значение должно быть 4. Если оно больше не выбрано, значение должно вернуться к 2.

Во-вторых, если в первом выбрано select option , <option value="2" id="2a"&&t;Add 2 to td1 with id 1</option&&t; а во втором выбрано select option , <option value="4" id="3b"&&t;Add 4 to td1 with id 1</option&&t; новое значение должно быть 8, а если больше не выбрано, должно вернуться к 4.

Будем признательны за любую помощь.

Комментарии:

1. Конечно, это возможно. JavaScript может изменить что угодно в DOM.

2. document.&etElementById("1").innerText = whatever you want to chan&e it to;

3. Есть ли что-то конкретное, чего вы не понимаете в том, как это реализовать? Знаете ли вы, как написать прослушиватель событий, который запускается при выборе чего-либо из <selecct&&t; ?

4. @Barmar спасибо, что предложили мне свою помощь, но это было бы сложно при написании td ? Возможно ли, например, выполнить следующее: document.&etElementById("1").innerText = (curent value) 2;

5. document.&etElementById("1").innerText = parseInt(document.&etElementById("1").innerText ) 2;