两个下拉框相互控制

最新推荐文章于 2024-02-02 15:07:58 发布

TentonStudy

最新推荐文章于 2024-02-02 15:07:58 发布

阅读量739

点赞数 1

分类专栏： HTML 文章标签： javascript html5 jquery

本文链接：https://blog.csdn.net/td725430/article/details/122489479

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<body>

<select id="hasDisplayAccount">
  <option value="2">请选择</option>
  <option value="1">是</option>
  <option value="0">否</option>
</select>
<select id="hasAssignPerson">
  <option value="2">请选择</option>
  <option value="1">是</option>
  <option value="0">否</option>
</select>
</body>
<script type="text/javascript">
var account = document.getElementById('hasDisplayAccount');
var person = document.getElementById('hasAssignPerson');
	account.onchange=function() {
		if (account.value == '1') {
			person.options.length=0
			var op = new Option();
			op.text = '否';
			op.value = '0';
			var op1 = new Option();
			op1.text = '请选择';
			op1.value = '2';
			var op2 = new Option();
            op2.text = '是';
			op2.value = '1';
			person.options.add(op);
			person.options.add(op1);
			person.options.add(op2);
			document.getElementById('person').disabled = true;
		}else{
        	person.options.length=0
			var op = new Option();
			op.text = '请选择';
			op.value = '2';
			var op1 = new Option();
            op1.text = '是';
			op1.value = '1';
			var op2 = new Option();
            op2.text = '否';
			op2.value = '0';
			person.options.add(op);
			person.options.add(op1);
			person.options.add(op2);
        }
	}
	person.onchange=function() {
		if (person.value == '1') {
			account.options.length = 0
			var op = new Option();
			op.text = '否';
			op.value = '0';
            var op1 = new Option();
			op1.text = '请选择';
			op1.value = '2';
			var op2 = new Option();
			op2.text = '是';
			op2.value = '1';
			account.options.add(op);
			account.options.add(op1);
			account.options.add(op2);
			document.getElementById('account').disabled = true;
		}else{
			account.options.length=0
			var op = new Option();
			op.text = '请选择';
			op.value = '2';
			var op1 = new Option();
			op1.text = '是';
			op1.value = '1';
			var op2 = new Option();
			op2.text = '否';
			op2.value = '0';
			account.options.add(op);
			account.options.add(op1);
			account.options.add(op2);
			document.getElementById('account').disabled = false;
		}
	}
</script>
</html>

TentonStudy

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
两个下拉框相互控制

<!DOCTYPE html><html><body><select id="hasDisplayAccount"> <option value="2">请选择</option> <option value="1">是</option> <option value="0">否</option></select><select id="hasAssi
复制链接

扫一扫

专栏目录