通過java腳本在輸入中設置只讀值

Question

如何在輸入 html 中通過 java 腳本設置只讀值（按類讀取）？

HTML

<input type="time" class="start" />

<select class="selectboxlist" >
<option>
<option>
<option>
<option>
...
</select>

厭倦了在 Java Script 中的跟隨

if (selectboxlist.selectedIndex == 2 || selectboxlist.selectedIndex == 13 || selectboxlist.selectedIndex == 14) {         
            start.value = "00:00";  // works
            start.setAttribute.readonly = true;  // doesnt work
        }

Answer 1

像這樣設置屬性

start.setAttribute('readonly',true)

 function func() { var selectboxlist=document.querySelector('select'); if (selectboxlist.selectedIndex == 2 || selectboxlist.selectedIndex == 13 || selectboxlist.selectedIndex == 14) { var start=document.querySelector('.start') start.value = "00:00"; // works start.setAttribute('readonly',true) // doesnt work console.log(start) } }

 <input type="time" class="start" /> <select class="selectboxlist" onchange="func()"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> </select>

Answer 2

您可以獲取輸入元素，然后將其 readOnly 屬性設置為 true：

document.querySelector('.input').readOnly = true;