Disabling the second drop down list box |
Please read the first part of the drop down list box before adding this feature. You can test the basic code first before adding the disable feature for second drop down list box.
To enable or disable the dropdown box we will keep one function in JavaScript and inside it we will keep the command for enable or disable based on the value or presence of first drop down value. If the selection of first drop down is present then only we will enable it otherwise we will keep the second list in disable condition.
To make the second dropdown box disable when the first time the page loads we will use the page onload command.
Here is the main code in which is to be added in JavaScript part. The full JavaScript part is kept here.
<SCRIPT language=JavaScript>
<!--
function reload(form)
{
var val=form.cat.options[form.cat.options.selectedIndex].value;
self.location='dd.php?cat=' + val ;
}
function disableselect()
{
<?
if(isset($cat) and strlen($cat) > 0){
echo "document.f1.subcat.disabled = false;";}
else{echo "document.f1.subcat.disabled = true;";}
?>
}
//-->
</script>
We will collect the value of $cat before this JavaScript code as based on this value our command inside the JavaScript will change.
Demo of this script with disable option
You can download the full code with this disable feature in this zip file.
|
If you are facing any problem in viewing this page, please tell us
