javascript — динамическая HTML-таблица и отключение предыдущей даты с помощью тега ввода

Динамическая HTML-таблица и отключение предыдущей даты с помощью тега ввода

Я делал динамическую таблицу HTML и отключал предыдущую дату, используя тег ввода. дело в том, что когда я выбираю дату во второй строке, она не выбирается. вместо этого он пройдет / изменил первый ряд.

HTML TAG

 {amp}lt;tr{amp}gt; {amp}lt;td class='id' hidden="true"{amp}gt;{amp}lt;?php echo $_GET['id']; ?{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td contenteditable="true" class="task"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td class="sdate"{amp}gt;{amp}lt;input type="text" name="sdate" id="sdate" class="sdate form-control"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td class="edate"{amp}gt;{amp}lt;input type="text" name="edate" id="edate" class="edate form-control"{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;td class="per"{amp}gt; {amp}lt;select class="form-control" name="per" id="per"{amp}gt; {amp}lt;option value=""{amp}gt;--- Please Select ---{amp}lt;/option{amp}gt; {amp}lt;option value="0"{amp}gt;0%{amp}lt;/option{amp}gt; {amp}lt;option value="10"{amp}gt;10%{amp}lt;/option{amp}gt; {amp}lt;option value="20"{amp}gt;20%{amp}lt;/option{amp}gt; {amp}lt;option value="30"{amp}gt;30%{amp}lt;/option{amp}gt; {amp}lt;option value="40"{amp}gt;40%{amp}lt;/option{amp}gt; {amp}lt;option value="50"{amp}gt;50%{amp}lt;/option{amp}gt; {amp}lt;option value="60"{amp}gt;60%{amp}lt;/option{amp}gt; {amp}lt;option value="70"{amp}gt;70%{amp}lt;/option{amp}gt; {amp}lt;option value="80"{amp}gt;80%{amp}lt;/option{amp}gt; {amp}lt;option value="90"{amp}gt;90%{amp}lt;/option{amp}gt; {amp}lt;option value="100"{amp}gt;100%{amp}lt;/option{amp}gt; {amp}lt;/select{amp}gt; {amp}lt;/td{amp}gt; {amp}lt;td{amp}gt;{amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; 

Я создал https://codepen.io/Beginner143/pen/aropbG здесь. попробуйте добавить 3 строки, чтобы увидеть проблему.

заранее спасибо

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector