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.

Demo of this script with disable option

download script
Visitors Rating
Your Rating


Google+

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.

Post Comment This is for short comments only. Use the forum for more discussions.




HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2017 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer