下拉选择框不同，文本输入框可用与不可用问题

最新推荐文章于 2019-07-22 20:02:49 发布

志鸿思荣

最新推荐文章于 2019-07-22 20:02:49 发布

阅读量1.5k

点赞数 2

分类专栏： web前端开发文章标签： html javascript web api css

本文链接：https://blog.csdn.net/u013081927/article/details/48783673

版权

web前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

下拉选择框不同，文本输入框可用与不可用，这个在初学者看来有些问题，其实主要是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>

选择一时不可输入值，否则可以输入。

志鸿思荣

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
下拉选择框不同，文本输入框可用与不可用问题

下拉选择框不同，文本输入框可用与不可用，这个在初学者看来有些问题，其实主要是API看的不够，web端，要对HTML、CSS、JS的API要熟练，不然只能是心急，所以个人认为基础很重要，下面就是实现代码：首页 function onChange(){ //获取id为value时候的值 var val=document.getElementById('valu
复制链接

扫一扫