Onmouseleave函数无法启用禁用的下拉列表

Question

我有一个内置验证的表单，一旦运行就将所有输入转为readonly，以便用户在提交之前无法修改它们。

问题是我的页面上有一个下拉列表，在页面经过验证＆＃34;后无法修改。禁用下拉列表不是一种选择，因为必须能够提交值。 （由于我无法访问的外部脚本，我无法使用隐藏字段提交选择。）

我的想法是禁用onmouseenter上的下拉列表并启用mouseleave下拉列表。 onmouseenter代码工作正常，但无论我尝试什么，我似乎都无法获得重新启用的下拉列表。

下面我将一段基本代码示例作为代码段。

我也试过以下配对无济于事;

.disabled=true; / .disabled=false;

.setAttribute('disabled','disabled'); / .removeAttribute('disabled');

.disabled=true; / .disabled="";

我想坚持专门的Javascript。我错过了什么让我无法在mouseleave上启用此禁用下拉列表？

由于

＆＃13;

＆＃13;

document.getElementById("lstLine").onmouseenter = function (){

var refVerifiedBox = document.getElementById('txtVerified');

	if(refVerifiedBox.value !=""){
	document.getElementById("lstLine").disabled = true;
	}
}

document.getElementById("lstLine").onmouseleave = function (){
	document.getElementById("lstLine").disabled = false;
}

＆＃13;

<select id="lstLine">
<option value="testA">Test A</option>
<option value="testB">Test B</option>
</select>

<input id="txtVerified" value="Test" disabled=true;>

＆＃13;

＆＃13;

＆＃13;