在一个select的选中某值时，触发另外一个select为可操作状态

Question

<td align="left"><select name="Relation"">
                      <option value="AND" selected> 满足所有条件 </option>
                      <option value="OR"> 满足任一条件 </option>
  <option value="ORAND"> 选择性满足 </option>
                    </select></td> <select name="SQLIF_Relation" disabled="disabled">
<option value="and">并且</option>
<option value="or">或者</option>
</select>
当name="Relation"的select选中“选择性满足”时，要求触发同一form中的“SQLIF_Relation”的disabled="eabled"如果用函数实现  应该怎么写？

Answer 1

add onChange event to select <select onchange="">;
and implement you requirement in the onchange funcion..

Answer 2

<select name="Relation" onchange="ch(this)">
                      <option value="AND" selected> 满足所有条件 </option>
                      <option value="OR"> 满足任一条件 </option>
                      <option value="ORAND"> 选择性满足 </option>
                    </select>
<select name="SQLIF_Relation" id="SQLIF_Relation" disabled="disabled">
                                    <option value="and">并且</option>
                                    <option value="or">或者</option>
                    </select>    
<script type="text/javascript">
<!--
function ch(e){
if (e.value=="ORAND")
{
SQLIF_Relation.disabled=""
}
}
//-->
</script>

Answer 3

<td align="left"><select name="Relation" onchange="setState(this)">
                      <option value="AND" selected> 满足所有条件 </option>
                      <option value="OR"> 满足任一条件 </option>
                      <option value="ORAND"> 选择性满足 </option>
                    </select></td>        <select name="SQLIF_Relation" disabled="disabled">
                                    <option value="and">并且</option>
                                    <option value="or">或者</option>
                        </select>    function setState(slc){
if(slc.value=="ORAND")document.getElementById("SQLIF_Relation").removeAttribute("disabled");
else document.getElementById("SQLIF_Relation").setAttribute("disabled","disabled")
}