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.
View 14 RepliesI 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.
Quote:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="countryStateCity.js"></script>
</head>
<body>
<fieldset style="width: 230px;">
<legend><strong>Make your selection</strong></legend> .....
Quote:
// Java Document
// State lists
var states = new Array(); .....
addLoadEvent(function() {
setStates();
});
I'm trying to find an example of a country selector (which also provides a state selector if USA is chosen) then you cvan select the city, any samples out there?
View 2 Replies View RelatedI 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.
A sample of my code is blow:
My html:
i need a open source for dropdownlist for country,state and city as same as in below link
[URL]
How do I display a section of my site that would say something like:
"Welcome from [city, state]!"
Using their IP address, I gather, but how?
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'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.
View 3 Replies View RelatedHere 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?
View 1 Replies View Relatedthere's a line in my Javascript program that makes a change in the
appearance of an area of the screen. it is a game program, so there are
a cascade of changes after the user makes a move. these are carefully
sequenced and timed in a loop which contains the "action" statement
document.images[k].src = offGIF[currNode];
unfortunately, the *actual* screen updating appears to be 1)
asynchronous and 2) faulty!
_asynchronou_s in that things change in the wrong order, as if each has
its own thread and they run at random.
_faulty_ in that occasionally an area that would change from, say,
picture1.gif to picture2.gif and back again (according to game logic)
lands up showing picture2.gif. even though the internal game logic has
it recorded (and i assume document.images[k].src would be correct, even
though the screen is not) as picture1. so.
is there a way to wait or surrender control to the system until the
program statement's intent has actually been rendered to the screen?
something i can test to see if the unerlying system mechanism has caught
up with all changes to document.images?
I've been tasked to create a form where the user types a numeric item id into a text field. Typing this numeric item id into the field will update a select list when the item id matches a select list value.
View 3 Replies View RelatedAnyone have an online list of properties that can be changed?
In particular, I'm looking to change the properties of a textbox in a form. E.g. Border colour & background colour.
This bit of code allows me to change the text that is initially in the text box (before a user starts to type).
Code:
document.myForm.tboxMsg.value="New Value";
<form name="myForm">
<input type="text" name="tboxMsg" value="Old Value">
</form>
The question is - what else can I change & is there a big list somewhere?
My use of the word "properties" and maybe others may be incorrect...Apologies in advance, I really don't know much about javascript.
I have a navigation that has a list of employee name. And I used up and down key to see the names and I click enter key to view the data of that employee. Now, I want to have a color the name when I press the up and down key and also I want to be highlight or the color will stay in the the name that I choose after I press the enter key..Is it possible?is it using CSS? or javascript?How?
Here is my code:
Code:
<script>
window.onload = function() {
// function() {
var ul = document.getElementById('searchpayroll');
var links = ul.getElementsByTagName('a');
var i = 0;
document.onkeyup = function(e){
//function(e){
e = window.event || e; .....
In my code, I have the following snippet:
HTML Code:
I want to know how I could direct the user to a html document based upon which option I have chosen in the list (see above). So for example...
If I have chosen '1' in the list (see above), then when I submit the form, I will be directed to a page detailing information related to option '1'. If I have chosen '2' in the list (see above), then when I submit the form, I will be directed to a page detailing information related to option '2' etc.
When a user changes the select list called "reason_code_master" I need the uodatecodes() function to update all the other select list with the id of "reason_codes" with the same . How can I do this.
<select size='1' onchange="updatecodes()" name='reason_code_master'>
<option value='' > - SET REASON - </option>
<option value='BROKEN' >BROKEN</option>
<option value='ENTERED' >ENTERED</option>
[Code].....
i'm trying to make a script which display all the info user has chose on the form before submission. now every thing is working as i expected, i have only one problem and it's with the checkbox element. the script is displaying only 1 option and not all the option that has been chosen .
this is the code for the specific checkbox -
$("p#dialog-parts").html($('input:checkbox[name=parts]:checked').val());
what do i need to change in order to show all the checked checkboxes and not only one?
I am building a form with ColdFusion, HTML, and will be using some Javascript, and I wnt the javascript to tell one form object to display itself when a certain option is chosen from a <select> tag.
<cfquery name="getCategories" datasource="#mydatasource#" username="#myusername#" password="#mypassword#">
SELECT * FROM categories WHERE type = 'cat' ORDER BY id
</cfquery>
<cfform action="engine.cfm" method="post" format="html">
<table cellpadding="0" cellspacing="0">
<tr><th colspan="2">New Category</th>
</tr><tr>
<td>Category Type:</td>
<td><select name="type">
<option value=" "></option>
<option value="cat">Main Category</option>
<option value="sub">Sub Category</option>
</select></td></tr>
<tr><td>Name:</td>
<td><cfinput type="text" name="title" size="20" maxlength="100" required="yes" message="A name for the category is required.">
</td></tr>
<tr><td>Parent Category:</td><td>
<cfselect enabled="Yes" name="parentcat" multiple="no" query="getCategories" value="id" display="title" queryPosition="below">
<option value=" "></option></cfselect>
</td></tr><tr>
<td colspan="2"><cfinput type="submit" name="submit" value="Submit" validate="submitonce" validateat="onserver,onsubmit"></td>
</tr></table></cfform>
I want the <cfselect> tag to display on if Sub Category is selected on the first <select> tag. I expect that it will use the onchange attribute but other than that I have no idea.
I have an select option list, each option has a numerical id, value and text. Each option has an array of its own. So when I choose an option from this list, I want to insert the options array into another option list with an id, value and text. Whats the best way of doing this? How do I select an array based on the value or text of a select option? For for example, take a list of car makes. If I choose the make Audi, how do I select the array of Audi models and insert these models into another select option list. All makes and models have their own numerical id, value and text.
View 9 Replies View RelatedI wrote this form to try to display the value of the chosen radio button on a text input.
<form>
Choose one choice...
<input type="radio" name="group1" value="5">Five<br>
<input type="radio" name="group1" value="10">Ten<br>
<input type="button" value="Get Result!" onClick="T1.value=group1.value"><br>
[Code]...
How come the onClick="T1.value=group1.value" results in undefined instead of 5 (or 10) ?
I am a PHP programmer and new to Javascript and jQuery and I have tried about 20 examples/tutorials and cannot seem to get even close to what I want.I have a form (PHP/MySQL) with a list of subjects I got from my database, and then create a set of radio buttons from that list. And based on what radio button they select, I need to pass that variable to a div (at least that's what I want to use) and then show a list of videos that match the radio buttons value. I don't care if its a get or post or other.I tried to use GET or POST so I can use that value for my PHP/MySQL lists.I am open to any suggestions/tutorials, etc.
View 1 Replies View RelatedIn attempting to modify a script of a menu, that I wanted to add the ability to have sub menus, I first wanted to find out if an ordered list element, contained a secondary unordered list and what their names are so I could out put the items to the console.
Here is the test list:
<div class="nav-wrap">
<ul class="group" id="example-one">
<li class="current_page_item"><a href="#">Home</a></li>
[code]....
1. The script finds all the headings in html (<h1></h1>).
2. Creates a list of titles of these headers.
3. The list has a specific css and the maximum length of text.
4.Each name from the listhas (<a href="">name</a>) is a link to the title.
$(document).ready(function() {
$('h1');
$('.left li').addClass('button');
[code]....
I have not been able to find a list of the functions in Jquery...probably not Googling for the correct phrase.
View 1 Replies View RelatedI want to know the list of applications which is installed in my local system using scripting language.
View 14 Replies View RelatedI have a list of email addresses, I need to separate list into groups by .net, then .com, then .org, then .mil. I can't even get .net to work.
<template><script>
var name = /['[[REmail]]'/];
if(name.test(.net){
[code]....
List is reported by a perl script, "using template"