Retrieving a value from dropdownlist and making the next field in the column dependent on it

<table>
<tr>
<td id="td01" class="@userColor1">@Html.DropDownListFor(m => m.Model1[nr_rows].PrzyczynaNieobecnosci, new SelectList(Enum.GetValues(typeof(Urlopy))), "  ", new { @class = "selectboxlist" })</td>

<td id="td01">@Html.TextBoxFor(m => m.Model1[nr_rows].DniOdpracowania, new { @class = "days_tpu", @readonly = true })</td>
</tr>
</table>

<select class="selectboxlist" id="Model1_0__PrzyczynaNieobecnosci" name="Model1[0].PrzyczynaNieobecnosci"><option value="">  </option>
<option>dzwol</option>
<option>szkol</option>
<option>chor</option>
<option>opie</option>
<option>odziec</option>
<option>nn</option>
// ...
<option>psz</option>
<option>uż</option>
<option>chopie</option>
</select>


<input class="days_tpu" id="Model1_0__DniOdpracowania" name="Model1[0].DniOdpracowania" readonly="True" type="text" value="0">

public Urlopy? PrzyczynaNieobecnosci { get; set; }

public enum Urlopy
    {
        dzwol = 1,
        szkol = 2,
        chor = 3,
        opie = 4,
        odziec = 5,
          // ....
        chopie = 16
    }

const table = document.querySelector('table');

table.addEventListener('change', function (e) {
    const classList = e.target.classList;
    if (classList.contains('selectboxlist') ) {

       
        const tr = e.target.parentNode.parentNode;

        const [selectboxlist, days_tpu] = [...tr.querySelectorAll('.selectboxlist,.days_tpu')];

        if(selectboxlist.value == 1) {
           days_tpu.value = 1
        }

// or
        if(selectboxlist.value == dzwol ) {
           days_tpu.value = 1
        }


       
    }
});