Jump to content

Recommended Posts

I'm new to javascript.

 

I've read MANY tutorials, but I'm just not getting it.

 

What I'm trying to accomplish is very simple. (not for me)

 

I have 3 drop-downs.

 

1st. Populates from simple mysql query.

 

2nd.  Are just static values.

 

3rd. Needs to populate from database from a query that uses values from 1st and 2nd drop down.

 

When I read tutorials on how to do this I keep getting lost.  I've never done anything like this before. 

 

Can anybody help?

 

 

 

 

Link to comment
https://forums.phpfreaks.com/topic/150767-can-someone-help-me-with-prototypejs/
Share on other sites

<html>
<!--
 Please see the full php-ajax tutorial at http://www.php-learn-it.com/tutorials/starting_with_php_and_ajax.html
 If you found this tutorial useful, i would apprciate a link back to this tutorial. 
 Visit http://www.php-learn-it.com for more php and ajax tutrials
 -->
<title>php-learn-it.com - php ajax form submit</title>
<head>		
	<script type="text/javascript" src="prototype.js"></script>
	<script>

		function sendRequest() {
			new Ajax.Request("test.php", 
				{ 
				method: 'post', 
				postBody: 'name='+ $F('name'),
				onComplete: showResponse 
				});
			}

		function showResponse(req){
			$('show').innerHTML= req.responseText;
		}
	</script>
</head>

<body>
	<form id="test" onsubmit="return false;">
		Name: <input type="text" name="name" id="name" >
		<input type="submit" value="submit" onClick="sendRequest()">
	</form>

	<div id="show"></div>
	<br/><br/>
	<a href="../../starting_with_php_and_ajax.html"><< back to php ajax tutorial</a>
</body>

</html>

 

This does this http://www.php-learn-it.com/tutorials/demos/starting_with_php_ajax/test.html

 

I want to do the same thing but only with a drop down.

Ok, please forget about the last post.  Here is the code I'm working with.

 

 

<html>
<!--
 Please see the full php-ajax tutorial at http://www.php-learn-it.com/tutorials/starting_with_php_and_ajax.html
 If you found this tutorial useful, i would apprciate a link back to this tutorial. 
 Visit http://www.php-learn-it.com for more php and ajax tutrials
 -->
<title>php-learn-it.com - php ajax form submit</title>
<head>		
	<script type="text/javascript" src="prototype.js"></script>
	<script>

		function sendRequest() {
			new Ajax.Request("test.php", 
				{ 
				method: 'post', 
				postBody: 'name='+ $F('name'),
				onComplete: showResponse 
				});
			}

		function showResponse(req){
			$('show').innerHTML= req.responseText;
		}
	</script>
</head>

<body>
  <form id="test" onsubmit="return false;">
		  <select name="name" id="name">

			<?php
        include("connect_database.php");
			$query = mysql_query("SELECT * FROM cars");
       
			while($rows=mysql_fetch_array($query)){
        $make = $rows['make'];
        
        echo "<option value='".$make."'>".$make."</option>";
        }
       	?>

		  </select>


		<input type="submit" value="submit" onClick="sendRequest()">
	</form>

	<div id="show"></div>
	<br/><br/>
	<a href="../../starting_with_php_and_ajax.html"><< back to php ajax tutorial</a>
</body>

</html>

 

 

For some reason this isn't working.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.