回答編集履歴
4
.
test
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
`<select>` と `<input>` の `id` 属性と `onchange` 属性は消して、以下のような`<script>`でいいでしょう。`<select>` から `change` イベントが発行されたら、共通の親を持つ `class="disselect"` を探して、その disabled 状態を変更します。
|
|
2
2
|
```js
|
|
3
3
|
document.addEventListener('change', e => {
|
|
4
|
-
const dd = e
|
|
4
|
+
const dd = e.target.closest('dd');
|
|
5
|
-
if (dd && e
|
|
5
|
+
if (dd && e.target.tagName == 'SELECT') {
|
|
6
|
-
dd.querySelector('.disselect').disabled = e
|
|
6
|
+
dd.querySelector('.disselect').disabled = e.target.value != "その他";
|
|
7
7
|
}
|
|
8
8
|
});
|
|
9
9
|
```
|
3
.
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`<select>` と `<input>` の `id` 属性と `onchange` 属性は消して、以下のような`<script>`でいいでしょう。
|
|
1
|
+
`<select>` と `<input>` の `id` 属性と `onchange` 属性は消して、以下のような`<script>`でいいでしょう。`<select>` から `change` イベントが発行されたら、共通の親を持つ `class="disselect"` を探して、その disabled 状態を変更します。
|
|
2
2
|
```js
|
|
3
3
|
document.addEventListener('change', e => {
|
|
4
4
|
const dd = event.target.closest('dd');
|
2
.
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
---
|
|
12
12
|
|
|
13
|
-
* `id` 属性値はページ内で重複して
|
|
13
|
+
* `id` 属性値はページ内で重複してはダメです。
|
|
14
14
|
* 関数名も重複してはダメです。
|
|
15
15
|
* いまどきは `onchange` は使わない方がよいです。
|
|
16
16
|
|
1
.
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
`<select>`
|
|
1
|
+
`<select>` と `<input>` の `id` 属性と `onchange` 属性は消して、以下のような`<script>`でいいでしょう。
|
|
2
2
|
```js
|
|
3
3
|
document.addEventListener('change', e => {
|
|
4
4
|
const dd = event.target.closest('dd');
|