I originally posted this question in the PHP forum and received advice to try here, they said it might be possible using JS and AJAX.I have limited experience with JS and none at all with AJAX.I have an HTML form in which I have a Select field, currently with about 100 options. The form creates an HTML email using formmail.Dependent on the option taken I get other details, eg address, email, telephone, etc.This is begging to be done via a database and PHP.I do not know if this is possible, but could I open the database, MYSQL, and take all the records into an array, open the HTML form and use one of the fields of the array to create the options list, when an option is selected use the other fields in the array to fill in the address, email, etc fields on the form and then use those values as variables to pass to formmail, which is a PHP program.
I thought that if this was possible I would use PHP to populate the array and then get it to call the HTML form where I could hopefully use the array to help complete some of the fields using SELECT.I would like to know if my thoughts are going in the right direction or if I need to go down another track.
I have a multiple select box that is dynamically populated based on a selection from another select box. There are 3 possible results:
1. Every click on the parent select box replaces the html of the child <select> with a "Loading..." message. Then it runs an ajax request to a server side page that returns JSON data back to the post-processing function.
In that post-processing function I check to see if any data was returned for that selection.
2. If data was returned, replace the child multi-select with the data.
3. If no data was returned then replace the child multi-select with a default message.
Now the problem I'm seeing. When I select an item from the parent select that I know returns data, the child multi-select seemingly doesn't update, but when I mouse over the select I see the changes.
BUT! On a whim, I created another <div> just to see if it was in fact a problem with the select, so everytime I updated the <select> I also updated this new <div>. Magically it all worked. So what I ended up doing is keeping the <div> there, just set it to display:none and now it works like it "should".
I'm using jQuery.ajax and jQuery.html to handle the processing.
I'm trying to populate select boxes depending on choices in other select boxes. In my case, the person has to choose a type of fixture type, then a select box with all the models would populate, and then a third select box with the watts have to populate.
I've been having problems getting my select option to change the options of another select option. I'm not much of a javacsript coder, so I'm at a lost.When I select the first option nothing appears in the second option.
I am trying to populate inputs on a form from a select drop down list (with date being pulled from a mysql database). This is to allow for any changes that need to be possibly made.
Is this even possible? I've tried doing some internet research, and the books I picked up from the library don't seem to go into this at all, so I'm not even sure that what I want to do is possible. The only thing I can really seem to think is that i need to use onChange. But outside of that, i'm lost.
With IE 8 when a select element is created and populated the select element appears as if it doesn't contain any options until it is clicked. Once clicked the select element then resizes and the data is displayed. I ran across an article mentioning this issue could be resolved by adding an extra line of code that applies a "blank" style to the element but unfortunately the issue still persists. I'm currently using jquery 1.4.2 and the code I use to populate a select element is:
This process works perfectly for Firefox but with IE6 the <SELECT> list stays blank!!
Can anyone shed any light on what the problem is/might be using IE6? I have posted some sample code below..
HTML snippet <label for="cboArea">Area:</label> <select id="cboArea" name="cboArea" style="WIDTH: 65%"> <option value="0">Choose an area...</option> ... !! Originally filled from database source !! ...
As I said previously the return from AJAX call works fine as I have displayed the results using an alert(); method call and also this it works in Firefox.
I have the following HTML select statement hard coded:
I am populating a ‘Select’ object with data from an Array, and I succeed in load the page with the required data on the ‘Select’ dropdown list. But when I see the source code generated (view-source code) from the browser there is no option on the ‘Select’, you can see this form the browser source code:
And I want that appears the options generated in order to be able to talk with server, because server is waiting for some value (1, 2, 3 or 4). Now when I submit the form the server don’t recognize the option (value) received. So maybe the source code generated should be: Code:
Instructions: when a user selects a date from the investment cycle drop-down box, the subsequent investment values must display the next three fiscal quarters. (e.g. for "January 2010", the subsequent quarters will be Q2 2010, Q3 2010, Q4 2010; for "June 2010", the subsequent quarters will be Q3 2010, Q4 2010, Q1 2011.)
The subsequent quarters should be presented with checkboxes which are all unchecked.
My markup for the checkboxes:
The values to populate the checkboxes (value and label) have to be hardcoded somewhere, no? what am I missing?
(and, since markup doesn't change when u set value for chkbx dynamically, how do you check that you have set correct value for the checkbox? (don't know if it shows in Firebug, since don't know if code have there now is correct (have this funky code in there for now.. not sure how to approach this...$('#checkbox1').attr('value', 'Q2 2010');
And how do I populate label? (<label for=""....></label> -- do I need to give label an id? or can you grab "for" attr for a label with jQuery?)
I have a dropdown (picklist) on the page, and when the user selects one of the company names in the list the onChange event fires and kicks in some AJAX to get the company's details from the database. The details are just the various locations of each company.
The way I am doing it now I have a simple div on the page below the picklist and I am using PHP to draw out the entire HTML, including the values sought from the database, and then just using innerHTML on the div to dump the info in there.