输入类型范围输出不适用于动态ID

Question

Input type range functionality is not working when the id values are dynamic how can i do that..?

<input name="gdOverallscore" id="gdOverallscore" type="range" min="0" value="0" max="10" step="1" list="ticks" oninput="ageOutputId.value = gdOverallscore.value"/><output id="ageOutputId">0</output>

<h2>This is working fine in my case i have dynamic id which is loop"</h2>
<br>
<input  name="gdskill[<?php echo  $skillLabel['ssid'];?>]"
       id="gdskill[<?php echo  $skillLabel['ssid'];?>]" 
       type="range"
       min="0" value="0" max="10" step="1" 
       list="ticks" 
       oninput="Output.value = gdskill[<?php echo  $skillLabel['ssid'];?>].value"/>
<output id="Output">0</output>

<br>
<h2>
In the second one id values comes like this:
gdskill[1],gdskill[3],gdskill[4],gdskill[6] etc..

</h2>

</div>

Answer 1

You have to change your Ouptut Id as well or else the output will become same for all hence it wont work..

<input name="[]" id="gdskill<?php echo  $skillLabel['ssid'];?>"

 type="range" min="0" value="0" max="10" step="1"

oninput="Output<?php echo  $skillLabel['ssid'];?>.value = gdskill<?php echo  $skillLabel['ssid'];?>.value"/>

<output id="Output<?php echo  $skillLabel['ssid'];?>">0</output>