下拉选择框不同,文本输入框可用与不可用,这个在初学者看来有些问题,其实主要是API看的不够,web端,要对HTML、CSS、JS的API要熟练,不然只能是心急,所以个人认为基础很重要,
下面就是实现代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<script type="text/javascript">
function onChange(){
//获取id为value时候的值
var val=document.getElementById('value').value;
//做判断,选择值为一时不可用,否则可用
if (val==='一') {
document.getElementById('name').disabled = true;
}else{
document.getElementById('name').disabled = false;
}
}
</script>
</head>
<body>
<select id="value" name="value" οnchange="onChange()">
<option >一</option>
<option selected>二</option>
<option >三</option>
<option >四</option>
</select>
<br/>
<input type="text" name="name" id="name"/>
</body>
</html>
选择一时不可输入值,否则可以输入。