DaniWeb IT Discussion Community - Help with Drop down list

DaniWeb IT Discussion Community (http://www.daniweb.com/forums/index.php)

- JavaScript / DHTML / AJAX (http://www.daniweb.com/forums/forum117.html)

- - Help with Drop down list (http://www.daniweb.com/forums/thread138805.html)

Help with Drop down list

I want to change this code so that you can enter "Fruits" in a textr field and the drop down is populated instead of selecting "Fruits" from a drop down.

<!doctype html public "-//w3c//dtd html 3.2//en">



<html>



<head>

<title>Multiple drop down list box from plus2net</title>

<SCRIPT language=JavaScript>

function reload(form)

{

var val=form.cat.options[form.cat.options.selectedIndex].value;

self.location='dd.php?cat=' + val ;

}



</script>

</head>



<body>

<?



/*

If register_global is off in your server then after reloading of the page to get the value of cat from query string we have to take special care.

To read more on register_global visit.

  http://www.plus2net.com/php_tutorial/register-globals.php

*/

@$cat=$_GET['cat']; // Use this line or below line if register_global is off

//@$cat=$HTTP_GET_VARS['cat']; // Use this line or above line if register_global is off



///////// Getting the data from Mysql table for first list box//////////

$quer2=mysql_query("SELECT DISTINCT category,cat_id FROM category order by category"); 

///////////// End of query for first list box////////////



/////// for second drop down list we will check if category is selected else we will display all the subcategory///// 

if(isset($cat) and strlen($cat) > 0){

$quer=mysql_query("SELECT DISTINCT subcategory FROM subcategory where cat_id=$cat order by subcategory"); 

}else{$quer=mysql_query("SELECT DISTINCT subcategory FROM subcategory order by subcategory"); } 

////////// end of query for second subcategory drop down list box ///////////////////////////



echo "<form method=post name=f1 action='dd-check.php'>";

/// Add your form processing page address to action in above line. Example  action=dd-check.php////

//////////        Starting of first drop downlist /////////

echo "<select name='cat' onchange=\"reload(this.form)\"><option value=''>Select one</option>";

while($noticia2 = mysql_fetch_array($quer2)) { 

if($noticia2['cat_id']==@$cat){echo "<option selected value='$noticia2[cat_id]'>$noticia2[category]</option>"."<BR>";}

else{echo  "<option value='$noticia2[cat_id]'>$noticia2[category]</option>";}

}

echo "</select>";

//////////////////  This will end the first drop down list ///////////



//////////        Starting of second drop downlist /////////

echo "<select name='subcat'><option value=''>Select one</option>";

while($noticia = mysql_fetch_array($quer)) { 

echo  "<option value='$noticia[subcategory]'>$noticia[subcategory]</option>";

}

echo "</select>";

//////////////////  This will end the second drop down list ///////////

//// Add your other form fields as needed here/////

echo "<input type=submit value=Submit>";

echo "</form>";

?>

<center><a href='http://www.plus2net.com'>PHP SQL HTML free tutorials and scripts</a></center> 

</body>



</html>

Re: Help with Drop down list

Quote:

Originally Posted by nikesh.yadav (Post 663997)

its so easy

Please help me then!!!

I want to eneter "Fruits" into a text field and then for the Fruit options to populate the 2nd drop down menu.

So all i want to do is replace the 1st drop down menu with a text field where i can manually enter a category.

Thankyou!!

Re: Help with Drop down list

Hi,

The challenge with what you are asking is that you must rely on what the user enters into the text field and that data must match exactly what the search term is from the database record ... does that make sense?

So if someone enters Fruit, friut, fruits in the text field, none of them will match up correctly with fruit which is the matching field to populate your subcategory list.

You can try to manage some of this concern using javascript validation and post-processing ...

var cat = document.getElementById('cat').value;

if ( /fruit/i.test( cat ) ) {

  cat = 'fruit';

}

This will remedy cases like Fruit and fruits but not transposed letters or miss spellings like friut or frute ... which are both actually quite common problems.

From here you will need to populate the form variable to be submitted with the identified 'cat' value and then activate or submit the form with javascript -- which means all of this must be processed before the form is submitted with the existing script on your page.

I'm not really willing to sit here and rewrite this entire page to allow text field entry of options, but if you decide to take this on, I will be glad to give you pointers along the way.

Good luck