set the value read-only by java script in input

Question

How can i set the value read-only by java script in input html (by class read)?

HTML

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

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

Tired following in Java Script

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

setAttribute isn't a property, it's a method: start.setAttribute('readonly', true). Or start.readOnly = true. — RobG
– RobG, Commented Feb 13, 2020 at 7:01

ellipsis · Accepted Answer · 2020-02-13 06:58:48Z

6

Set attributes like this

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>

answered Feb 13, 2020 at 6:58

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

onejeet · Accepted Answer · 2020-02-13 07:01:50Z

2

You can get the input element and then set its readOnly property to true:

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

answered Feb 13, 2020 at 7:01

onejeet

1,1916 silver badges14 bronze badges

Collectives™ on Stack Overflow

set the value read-only by java script in input

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related