设置输入中的Java脚本为只读的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了设置输入中的Java脚本为只读的值相关的知识，希望对你有一定的参考价值。
如何设置输入html中Java脚本的只读值（按类读取）？
HTML
<input type="time" class="start" />
<select class="selectboxlist" >
<option>
<option>
<option>
<option>
...
</select>
Java脚本中的疲倦内容
if (selectboxlist.selectedIndex == 2 || selectboxlist.selectedIndex == 13 || selectboxlist.selectedIndex == 14) {
start.value = "00:00"; // works
start.setAttribute.readonly = true; // doesnt work
}
答案
设置这样的属性
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>另一答案
您可以获取输入元素，然后将其readOnly属性设置为true：
document.querySelector('.input').readOnly = true;
以上是关于设置输入中的Java脚本为只读的值的主要内容，如果未能解决你的问题，请参考以下文章