Php 选择“禁用文本字段”_Php

Php 选择“禁用文本字段”

php

Php 选择“禁用文本字段”,php,Php,如果我从下拉菜单中选择禁用学院名称，课程和年份，我有一个如下所示的表格。如果我选择学院禁用公司名称和加入日期。请帮忙。我需要一些关于如何禁用文本字段的帮助，当我们从下拉列表中选择值时 <form name="form" method="post" action="" onSubmit="submit;"> <center><table border="1" cellspacing="0" style="width:650px"> <tr> <

如果我从下拉菜单中选择禁用

学院名称

，

课程

和

年份

，我有一个如下所示的表格。如果我选择

学院

禁用

公司名称

和

加入日期

。请帮忙。我需要一些关于如何禁用文本字段的帮助，当我们从下拉列表中选择值时

<form name="form" method="post" action="" onSubmit="submit;">
<center><table border="1" cellspacing="0" style="width:650px">

<tr>
<td><b>Name</td>
<td><input type="text" name="name"></td></tr>

<tr>
<td><b>Father Name</td>
<td><input type="text" name="fname"></td></tr>


<tr><td><b>Gender</td>
<td><select name="gender">
<option value="na">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</td></tr>

<tr>
<td><b>Email</td>
<td><input type="text" name="email"></td></tr>

 <tr>
<td><b>Date Of Birth</td>
<td><input type="text" name="date" id="datepicker" required></td></tr>

<tr>
<td><b>Mobile Number</td>
<td><input type="text" name="mn"></td></tr>

<tr>
<td><b>Parent Number</td>
<td><input type="text" name="pn"></td></tr>

<tr> 
<td><b>Address</td> <td><textarea name="address" rows="3" cols="50"></textarea></td>
</tr>

<tr>
<td><b>Coll/Comp ID Num</td>
<td><input type="text" name="idnum"></td></tr>

<tr><td><b>Company/College</td>
<td><select name="ccname">
<option value="na">Select</option>
<option value="company">Company</option>
<option value="college">College</option>
</td></tr>

<tr>
<td><b>College Name</td>
<td><input type="text" name="colname"></td></tr>

<tr>
<td><b>Course</td>
<td><input type="text" name="course"></td></tr>

<tr>
<td><b>Year</td>
<td><input type="text" name="year"></td></tr>

<tr>
<td><b>Company Name</td>
<td><input type="text" name="comname"></td></tr>

<tr>
<td><b>Date Of Join</td>
<td><input type="text" name="doj" id="datepicker" required></td></tr>


<tr>
<td colspan="2" align="center"><input type="submit" name="submit" value="submit"/></td>
</tr></center>
</table>
  </form>


名称
父名
性别
挑选
男性
女性
电子邮件
出生日期
手机号码
父编号
地址
Coll/Comp ID Num
公司/学院
挑选
单位
学院
学院名称
课程
年
公司名称
加入日期

使用下拉列表调用javascript函数，使用类似的方法，

onclick=“sample1（）；”

，然后使用

function sample1(){
    document.getElementById("textfield").disabled=true;
}

如果您有问题，请使用类似的方法告诉我
函数getccname（val）
{
如果（val==‘公司’）
{
document.getElementById（“colname”）.disabled=true；
document.getElementById（“课程”）.disabled=true；
document.getElementById（“年”）.disabled=true；
} 
否则如果（val==‘学院’）
{
document.getElementById（“comname”）.disabled=true；
document.getElementsByName（“doj”）[0]。disabled=true；
document.getElementById（“colname”）.disabled=false；
document.getElementById（“课程”）.disabled=false；
document.getElementById（“年”）.disabled=false；
}
其他的
{
document.getElementById（“comname”）.disabled=false；
document.getElementsByName（“doj”）[0]。disabled=false；
document.getElementById（“colname”）.disabled=false；
document.getElementById（“课程”）.disabled=false；
document.getElementById（“年”）.disabled=false；
}
}
名称
父名
性别
挑选
男性
女性
电子邮件
出生日期
手机号码
父编号
地址
Coll/Comp ID Num
公司/学院
挑选
单位
学院
学院名称
课程
年
公司名称
加入日期

使用jquery可以轻松完成。。。这方面有很多参考和教程…你需要使用javascript。如果我选择公司禁用学院名称课程和年份，如果我选择学院禁用公司名称和加入日期，请提供示例代码StackOverflow不是脚本编写服务@vish已经向您提供了代码，请尝试对其进行一些编辑。更改为，然后更改为&最后添加我提供的js函数。

Use some thing like this if you have problem tell me


 <script> 
      function getccname(val)
{
     if(val == 'company')
     {
     document.getElementById("colname").disabled = true;
     document.getElementById("course").disabled = true;
         document.getElementById("year").disabled = true;
     } 
     else if(val == 'college')
     {
        document.getElementById("comname").disabled = true;
                 document.getElementsByName("doj")[0].disabled  = true;
        document.getElementById("colname").disabled = false;
               document.getElementById("course").disabled = false;
         document.getElementById("year").disabled = false;

     }
     else 
     {
        document.getElementById("comname").disabled = false;
                  document.getElementsByName("doj")[0].disabled = false;
        document.getElementById("colname").disabled = false;
               document.getElementById("course").disabled = false;
         document.getElementById("year").disabled = false;

     }

}

</script>
<form name="form" method="post" action="" onSubmit="submit;">
<center><table border="1" cellspacing="0" style="width:650px">

<tr>
<td><b>Name</td>
<td><input type="text" name="name"></td></tr>

<tr>
<td><b>Father Name</td>
<td><input type="text" name="fname"></td></tr>


<tr><td><b>Gender</td>
<td><select name="gender">
<option value="na">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</td></tr>

<tr>
<td><b>Email</td>
<td><input type="text" name="email"></td></tr>

 <tr>
<td><b>Date Of Birth</td>
<td><input type="text" name="date" id="datepicker" required></td></tr>

<tr>
<td><b>Mobile Number</td>
<td><input type="text" name="mn"></td></tr>

<tr>
<td><b>Parent Number</td>
<td><input type="text" name="pn"></td></tr>

<tr> 
<td><b>Address</td> <td><textarea name="address" rows="3" cols="50"></textarea></td>
</tr>

<tr>
<td><b>Coll/Comp ID Num</td>
<td><input type="text" name="idnum"></td></tr>

<tr><td><b>Company/College</td>
<td><select name="ccname" onchange="getccname(this.value);">
<option value="na">Select</option>
<option value="company">Company</option>
<option value="college">College</option>
</td></tr>

<tr>
<td><b>College Name</td>
<td><input type="text" name="colname" id="colname"></td></tr>

<tr>
<td><b>Course</td>
<td><input type="text" name="course" id="course"></td></tr>

<tr>
<td><b>Year</td>
<td><input type="text" name="year" id="year"></td></tr>

<tr>
<td><b>Company Name</td>
<td><input type="text" name="comname" id="comname"></td></tr>

<tr>
<td><b>Date Of Join</td>
<td><input type="text" name="doj" id="datepicker"></td></tr>


<tr>
<td colspan="2" align="center"><input type="submit" name="submit" value="submit"/></td>
</tr></center>
</table>
  </form>