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.
DEMO of this script with disable option→
<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.
←Drop Down List
DEMO of this script with disable option→
This article is written by plus2net.com team.
plus2net.com
More on PHP Drop down list tutorials with Demo
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. |