teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

ちょうせい

2021/03/25 05:20

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -3,11 +3,14 @@
3
3
  ```javascript
4
4
  <script>
5
5
  window.addEventListener('DOMContentLoaded', ()=>{
6
- document.querySelector('#s1').addEventListener('change',e=>{
6
+ document.querySelector('#part').addEventListener('change',e=>{
7
7
  const event=document.querySelector('#event');
8
8
  event.innerHTML="";
9
9
  if(e.target.value!==""){
10
+ var params=new URLSearchParams();
11
+ params.append('part',e.target.value);
12
+ const url="・・・?"+params.toString();
10
- fetch('y.php').then(res=>res.json()).then(data=>{
13
+ fetch(url).then(res=>res.json()).then(data=>{
11
14
  data.forEach(x=>{
12
15
  event.appendChild(Object.assign(document.createElement('option'),{value:x.event,textContent:x.event}));
13
16
  });
@@ -18,7 +21,7 @@
18
21
  });
19
22
  </script>
20
23
  <div>部位</div>
21
- <select id="s1">
24
+ <select id="part">
22
25
  <option value="">---</option>
23
26
  <option value="胸">胸</option>
24
27
  <option value="背中">背中</option>

1

chousei

2021/03/25 05:20

投稿

yambejp
yambejp

スコア117967

answer CHANGED
@@ -4,10 +4,10 @@
4
4
  <script>
5
5
  window.addEventListener('DOMContentLoaded', ()=>{
6
6
  document.querySelector('#s1').addEventListener('change',e=>{
7
+ const event=document.querySelector('#event');
8
+ event.innerHTML="";
7
9
  if(e.target.value!==""){
8
10
  fetch('y.php').then(res=>res.json()).then(data=>{
9
- const event=document.querySelector('#event');
10
- event.innerHTML="";
11
11
  data.forEach(x=>{
12
12
  event.appendChild(Object.assign(document.createElement('option'),{value:x.event,textContent:x.event}));
13
13
  });