javascript - 使用 onclick 启用禁用下拉菜单

标签 javascript jquery

我有一个禁用的下拉列表,我只想在单击它后启用它。我尝试了几种方法,以下是不起作用的最新版本:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {

$("input:disabled").closest("div").click(function() {

$(this).find("input:disabled").attr("disabled", false).focus();

});

});

<div>
  <select name="test" id='testing' disabled>
<option name="first" value='first'>first</option>
<option name="second" value="second">second</option>
</select>
</div>

最佳答案

$(function() {

	$('div > div').on('click', function(event) {

		$(this).hide().prev('select:disabled').removeAttr('disabled').focus();
		
	});

});
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</head>
<body>

	<form action="" id="myForm">

		<div style="display:inline-block; position:relative;">
			<select name="test" id="testing" disabled>
				<option name="first" value='first'>first</option>
				<option name="second" value="second">second</option>
			</select>
		  <div style="position:absolute; left:0; right:0; top:0; bottom:0;"></div>
		</div>

	</form>
</body>
</html>

关于javascript - 使用 onclick 启用禁用下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51849438/

相关文章:

用于查询 XML 的 jQuery 选择器

jquery - Bootstrap 背景在 jquery 打开的模态上滚动

javascript - 第二个表的表头与 queryAllSelector 不正确

javascript - 将字符串转换为模板字符串

javascript - Google Apps 脚本 - 使用 for 循环根据条件从范围中提取数据

javascript - 如何使用数组 (javascript) 将图像链接到下拉列表值?

php - Select2 具有多个值的问题

javascript - 我想将日期格式更改为 "yyyy-mm-dd"

javascript - Firebase Cloud Messaging - 仅当我关闭浏览器时消息才显示

jquery - 使用 gab 将鼠标悬停在水平子菜单上的 Bootstrap 水平菜单