文本框 按钮 下拉列表框 灰化问题

Question

文本框 按钮 下拉列表框 在进入页面是灰化得 
当我点击按钮 3个变成可编辑 
要求在ie6  ie7  火狐下都能有效。
我写得这个方法 只有火狐有效 在ie6 下没有用  ie7没试
<script type="text/javascript">
function focu(){
                     document.getElementById("UserId").onfocus="this.focus()";
                     document.getElementById("default").onfocus="this.focus()";   
                 }
</script> <input type="image" name="add" src="图片地址.png" align="bottom" value="增加" onclick="focu()">  
//点击这个按钮使下拉列表 文本 另一个按钮 灰化  <select name="default" id="default" class="sel"onfocus="this.blur()" >  //下拉列表框
                                                <option value='ALL'>默认2X2</option>
                                                <option value='CT'>CT2X2</option>
                                                <option value='MR'>MR2X2</option>
                                                <option value='CR'>CR2X2</option>
 </select> <input name="UserId" onfocus="this.blur()" type="text" id="UserId" size="15">  //文本框
<input type="image"  name="delete" src="image/sc.png" align="bottom" value="删除">  //另一个按钮

Answer 1

我测试没什么问题
建议控制disabled属性
<script type="text/javascript">
function focu () {
document.getElementById("UserId").disabled = false;
document.getElementById("default").disabled = false;
}
</script><input type="image" name="add" src="图片地址.png" align="bottom" value="增加" onclick="focu()"> <select name="default" id="default" class="sel" disabled="disabled" >
<option value='ALL'>默认2X2 </option>
<option value='CT'>CT2X2 </option>
<option value='MR'>MR2X2 </option>
<option value='CR'>CR2X2 </option>
</select><input name="UserId" type="text" id="UserId" size="15" disabled="disabled"> 
<input type="image" name="delete" src="image/sc.png" align="bottom" value="删除">  

Answer 2

我是apple下的火狐 所以有问题 不过我解决了  嘿嘿 function lock(flag){
 var txtArrs = document.getElementsByTagName('input');
 for(var i=0; i<txtArrs.length; i++){
  var txt =  txtArrs[i];
  if(txt.type == 'text'||txt.type=='image'){
   if(flag == 'true'){
    txt.disabled = true;
   }else{
    txt.disabled = false;
   }
  }
 } var sele =  document.getElementsByTagName('select');
 for(var i=0; i<sele.length; i++){
  var se =  sele[i];
  if(se.id == 'defaulti'||se.id=='a1i'){
   if(flag == 'true'){
    se.disabled = true;
   }else{
    se.disabled = false;
   }
  }
 }}