根据列表框中选择的值禁用/启用文本字段和列表框

时间:2015-10-13 14:25:09

标签: javascript html

根据父列表框中用户选择的值禁用/启用文本字段和列表框。

条件: 如果用户不知道编程,那么列表框和文本框必须禁用。

然而它不起作用,我知道我错过了一些东西。只有Javascript请



function check()
{
//if(document.drop_list.choice[1].checked){
if(document.getElementById("mt").value === 'N'){

document.getElementById("no").disabled=true;
  document.getElementById("txt").disabled=true;
}else{
document.getElementById("no").disabled=false;
    document.getElementById("txt").disabled=false;
}
}

<form name="drop_list" action="listbox-validation-demock.php" method="post" id='f1'>
Do you want to learn Web programming languages ? 

<select name="Category" id="mt" onChnage="check()">
<option value='Y'>Y</option>
<option value="N">N</option>
</select>

  <br /><br />

<select name="Category" id="no">
<option value=''>Select One</option>
<option value="PHP">PHP</option>
<option value="ASP">ASP</option>
<option value="JavaScript">JavaScript</option>
<option value="HTML with design">HTML</option>
<option value="Perl">Perl</option><option value="MySQL">MySQL</option></select>
  <br /><br />
 Age<input type="text" size="20" id="txt">

</form>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

你的脚本有效,唯一的问题是拼写错误:

<select name="Category" id="mt" onChnage="check()"> 
-----------------------------------^^^-------------

答案 1 :(得分:1)

应该是:

<select name="Category" id="mt" onChange="check()">