изменение переменной пользователем

228
10 ноября 2017, 08:23

Есть такая строчка в html:

<div>Любимый цвет: синий <button>(изменить)</button></div>

Подскажите как сделать так, чтобы при нажатии на кнопку изменить появлялось:

<div> Любимый цвет: <select><option>Синий</option><option>Красный</option></select><button>Подтвердить</button>

И при нажатии на "Подтвердить" Соответственно закреплялся новый цвет. Притом закрепляться он должен в бд сразу. Есть понимание, как отправить новые данные через ajax в бд, но как сделать это самое изменение туда-сюда - нет. Подскажите кто может.

Answer 1

Тегу button присвоить класс, на класс повесить обработчик на событие onclick. Внутри обработчика прописать замену button с классом на select.

Любимый цвет: синий <button class='js-replace-button'>(изменить)</button>
<script>
  $('button.js-replace-button').click(fuction(){
    $(this).html('<select>...</select>');
  });
</script>

На кнопку подтвердить, также вешаешь обработчик, но там уже с вызовом ajax.

READ ALSO
Если в таблице два одинаковых значения в колонке как выбрать только то, у которого установлено значение в другой колонке?

Если в таблице два одинаковых значения в колонке как выбрать только то, у которого установлено значение в другой колонке?

выбираем имя по имеющемуся списку идесли есть одинаковые ид надо брать имя у которого prefer=1

299
Проблема пакетов при обновлении MYSQL

Проблема пакетов при обновлении MYSQL

При обновлении Mysql возникла такая проблемаЗависимости пакетов которые не устанавливаются и не удаляются

325
MySQl Репликация. Слэйв отстаёт от Мастера

MySQl Репликация. Слэйв отстаёт от Мастера

Столкнулся со следующей проблемой:

285
Объединенный отчет из двух таблиц SQL

Объединенный отчет из двух таблиц SQL

Нужно вывести item_id и price_in_rubPrice_in_rub – стоимость rub, считается как price из таблицы items умноженная на курс валюты на максимальную дату выставления...

242