JQuery :: Cascade Plugin - Make A Form That Allows A User To Select A State And A City
Apr 17, 2009
I am new to jquery and I need to make a form that allows a user to select a state and a city that they go to school in. I am using the cascade juqery plug-in [url].
Which I think is a great plugin) The problem is there is a lot of data and it takes a long time for it all to load (some 28,000 records).
What I want to do is split it up into different files and then load only the file that contains the data for that start/region.
So, for example, if someone chooses "California" out of the State list (select box), the City list next to it gets updated with all of the cities in California.
I'm new to jQuery. The little project I am working on is setting up a web form such that when the user enters their zip code (US only), a call is made to a php function which returns the appropriate City and State data. The one spot I am having difficulty with is in retrieving this data from the php file. I have read and reread the pages in the jQuery manual about .get, .post, .ajax, etc. and I am somewhat at a loss as to how to go about picking up the data that the php script generates.
I am working with this regexp to extract address: city, state, and zip. This version kinda works but it extracts one element of an array instead of three and keeps my "city" too long, including all text before it. ..................... var regex = /s*(.*)s*,s*([A-Z]{2})s+(d{5}(-d{4})?)s*/g; function doit(){ var arr = d.innerHTML.match(regex); if(arr.length=3){ d2.innerHTML = arr[0]+" | "+arr[1]+" | "+arr[2]; }else{ d2.innerHTML = "Found "+arr.length+" matches"; } } //--> </script> ....................... <div id="myDiv"> Some text here, not always break after <br>New Haven, CT 06460 plus whatever text here too </div>
Here is my code for looking up a city, and state by zip code. I am getting no errors and I believe it should work, but the code does not seem to want to function. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]"> <html xmlns="[URL]"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>City and State Lookup</title> <style type="text/css"> .....
I saw this code at [URL] and wanted to expand on it by adding a Zip Code field. The problem is it doesn't want to work for me and I don't know what I'm doing wrong. My source code is below.
Here is what I'm envisioning: The user selects a state, then in the 'Cities' box, he starts typing the name of his city. However, it autocompletes the name for him based on the state he chose. So if he chose California and started typing in "Los Angeles", it would autocomplete "Los Angeles" for him. Does that make sense? Is there a script out there that can do this?
I am using the Cascade plugin [URL]. I have been searching for a while and haven't found a solution to this yet. I am trying to set the initial selected option when the page loads.
On the plugin page it says: Simple Ajax (in ext) Passes selected value of parent select to url as 'val=', but accepts the full ajax options hash so you can append other data as well
What is the Full Ajax Options Hash?
I tried to use it as follows:
Copy code
All changes I try do not work ... But it seems to be possible so ...
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'> <!-- function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
Basically I want it when a visitor comes to my site it Will say Welcome from "Visitors city".Is there anyway to do this? I was able to add geo ip weather to it, but cannot figure out how to make the city come up. Or state, which ever would be easiest.
How can make me selectting a country and then come out with a relative cities ?
for example if i select the American <select name="country"> <option value="american">american </option> <option value="australia">australia </option> </select>
I have a form with checkboxes and I want a user to be able to select all checkboxes at once and then deselect. I have some code but it only selects and then if I click it doesnt deselect the input items.
What are some other ways to approach this or anyone know why it doesnt work?
I get right to the point: I want my form to select the correct radio button and submit by clicking a custom link. This is for a voting system, a simple top list.My setup (psuedo setup really) The "o" is a radio button.1. Cat - Points: 5 - o [Vote]2. Dog - Points: 3 - o [Vote]The goal? User clicks on the [Vote] - link and the correct radio button is selected and the form is submitted.(I´m not going to show the radio button later, just there to clear things out right know).So I wrote this little neat piece of code:
(.views-field nothing span => My [Vote]-link) (function($) { $(function() {
I am working on a little project here. I have two arrays (States, Cities) I am trying to allow the user to chose one from a select form (Choice) and then have the values of the chosen array displayed in a alert(). Obviously I could just write an if statement and display the required content depending on whether the value selected == States or Cities. But this project is just a placeholder project for me to figure out one aspect of a much larger project I am working on. And it is important for the result to be chosen dynamically as in the final project I won't know the values that the select field is being filled with.
What I need to do is take the value returned from the select field (Choice) and turn that into the name of the array and display that. If I use this code alert(States); then it returns the values of that array. But like I said I need to be able to dynamically select what array to display based on users input. alert(document.getElementById("Choice").value); returns the value chosen. How can I take the value chosen and actually display the value of the array with that same name. In other words let JS know that I don't literally want it to display the value chosen but rather the value chosen is the name of the array I want it to display?
Pseudo code x = document.getElementById("Choice").value; x is name of array; alert(x);
I need to use Javascript or similar to do this, but not certain. I want to set up a form in HTML to sell photo prints. I'd like the user to be able to select a print size (eg 4x6 or 5x8 or 7x9) and as a result, two values are set:
1. the print size in text (eg Ɗ" x 6" print') 2. the price of the print (eg $5.00)
How do I code my form so that two values are set at once, and if the user changes their mind (eg selects 5x8), the two values are set again.
For a college assignment, i have been tasked to create a web page that includes a fading background. (It must become semi transparent once the page has loaded,and remain until a new page is selected. I want to use a similar concept [URL]. However instead of fading out to black, i need it to fade out to white (between 10-15% image opacity).
I would also need a similar central, transparent, scrollable frame/div (where each page will load up within and like the above link,i need a different background image to each page.
I want to have multiple small pictures on my site(lats say 9 - box of 3x3). I want to make an interface in which user will be able to select 2 pictures and press the submit button.
So i want to get the numbers of the 2 selected pictures(lets say they have numers representing them 1,2,3,4...) in the POST variable so i can do something with them in my PHP scripts.
I have a form with two slider on it so the user can select an amount. The slider works fine and passes the values to email ok etc. but when the page is loaded there is "[object Object]" in box of the second slider. I can't find the problem with the code as it is the same for the first slider.
I have a ColdFusion page with a select drop down list. On submit, I'm storing the value in a cfparam and trying to use jQuery to auto select that particular option. Currently I'm using :contains but this is unacceptable because it selects the last item that contains the cfparam.
$("option:contains('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected'); Is there something like this: $("option").equals('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
[Code]....
I willconsider other alternatives to accomplishing my objective.
1. I want to make form with 2 select filds that one of them will be disabled if in the first the use choose a specific option i wrote it in this way (but its not work) how I fix it?
[Code]...
2. I want that after u fill the form and press submit u will see a txtarea with all the options u selected (for confirm that you chose the right things) and then press submit agien and get all the things u saw in the txtarea to a Email.
m relatively new to Jquery and have come accross these two plugins.Having looked at the ajax examples offered for the form plugin i wasintruiged to find out how i could go about validating the form usingthe formvalidate plugin during the beforeSubmit callback.Ive seen that you can validate the ajaxform as shown in the followingxample.malsup.com/jquery/form/#code-samplesHowever i'd like to use the formvalidate as it offers alot more....
I'm trying to use the cookie plugin to remember the state of a navigation menu from page to page. Here is the snippet of code from towards the top of my page where I am including the jquery files and cookie plugin. The second part of the sample tries to determine whether the cookie exists.
