|
|
| (同じ利用者による、間の9版が非表示) |
| 1行目: |
1行目: |
| if ( document.querySelector('#searchForm') ) {
| |
| document.getElementById('searchForm').addEventListener('submit', function (e) {
| |
| const searchText = document.getElementById('searchText');
| |
| const genre = document.getElementById('genre');
| |
| const station = document.getElementById('station');
| |
| const budget_min = document.getElementById('budget_min');
| |
| const budget_max = document.getElementById('budget_max');
| |
|
| |
|
| if (searchText.value === '') {
| |
| searchText.removeAttribute('name'); // 空のとき name属性を削除
| |
| }
| |
| if (genre.value === '') {
| |
| genre.removeAttribute('name'); // 空のとき name属性を削除
| |
| }
| |
| if (station.value === '') {
| |
| station.removeAttribute('name'); // 空のとき name属性を削除
| |
| }
| |
| if (budget_min.value === '') {
| |
| budget_min.removeAttribute('name'); // 空のとき name属性を削除
| |
| }
| |
| if (budget_max.value === '') {
| |
| budget_max.removeAttribute('name'); // 空のとき name属性を削除
| |
| }
| |
| });
| |
|
| |
| // document.addEventListener('DOMContentLoaded', function () {
| |
| // const params = new URLSearchParams(window.location.search);
| |
|
| |
| // params.forEach((value, key) => {
| |
| // // input, select, checkbox, radio 全対応
| |
| // const el = document.querySelector(`[name="${key}"]`);
| |
| // if (!el) return;
| |
|
| |
| // // checkbox / radio (name[] の対応含む)
| |
| // if (el.type === "checkbox" || el.type === "radio") {
| |
| // document.querySelectorAll(`[name="${key}"]`).forEach(input => {
| |
| // if (input.value === value) {
| |
| // input.checked = true;
| |
| // }
| |
| // });
| |
| // } else {
| |
| // // text / select など
| |
| // el.value = value;
| |
| // }
| |
| // });
| |
|
| |
| // const clearBtn = document.querySelector('.clear-btn');
| |
| // const form = document.getElementById('searchForm');
| |
|
| |
| // clearBtn.addEventListener('click', function () {
| |
|
| |
| // form.reset();
| |
| // });
| |
| // });
| |
|
| |
| }
| |
