通过java脚本在输入中设置只读值

0 html javascript

如何在输入 html 中通过 java 脚本设置只读值(按类读取)?

HTML

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

<select class="selectboxlist" >
<option>
<option>
<option>
<option>
...
</select>
Run Code Online (Sandbox Code Playgroud)

厌倦了在 Java Script 中的跟随

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

ell*_*sis 6

像这样设置属性

start.setAttribute('readonly',true)
Run Code Online (Sandbox Code Playgroud)

start.setAttribute('readonly',true)
Run Code Online (Sandbox Code Playgroud)
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)
        }
        }
Run Code Online (Sandbox Code Playgroud)