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()
{
<?Php
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.

MYSQLI Support

Two pages are added with MYSQLI functions.

This article is written by plus2net.com team.

plus2net.com

More tutorial on drop down list in PHP

Dheeraj	07-04-2014
It Is Not Enabling After Selecting The First Drop Down ... :( plz help

sanket dharurkar	24-06-2015
I want to create a basic form in php without use of jscript. I want to display the second drop down list only when I select an item from first drop down list like any banking form where after selecting the country it will only display the states in that country. Please, help me ASAP.