i want to have 2 dpendent drown box. one for country , and the other for city. if you change country in box1 , the city list will also change in box2.. How to do it in javascript ? can you provide an example with few dumy country name and their cities.
View 2 RepliesI have a property site and I currently have it set up do that when entering a property the person selects a country.Depending on the country selected, the town drop down populates with certain towns in that country.ecause of the number of countries this javascript is pertty large and that worries me slightly. Also, if someone hasjavascript turned off then it doesn't work.In order to make it more accessible, would I have to seperate the form into 2 sepertate pages.
View 1 Replies View RelatedMy current project is available for perusal in order to assist me at: [URL]As you can see, I make it so that once the product type is selected, you can then select a wattage. This dependent drop-down works, however I want it so that when I select a value in the left-hand side (wattage), then the one on the right will offer a pre-defined value that replaces the wattage I have.
For example, a GU-10 in 'Type of Lamp' offers a 50, 35 and 20 watt bulb in 'Current Lighting Products'. In 'Energy Efficient Products', it offers 5 and 3. I wish to make a statement somewhere so that if they select 50 on the left, it selects 5 on the right. If they select 35 on the left, it select 3 on the right.
I would also like it to do multiple offers, so that if they select say, a 35 of the MR-16, I want the right hand side to offer both 5 and 3. The only way I can think of doing this is via a lot of 'IF' statements.
Okay, I'm having some trouble getting my head around how to do this..
<select>
<option value="A">A</option>
<option value="B">B</option>
[code]....
I've a page where users may enter a zip code (text edit) and I want to fill
a combobox with existing cities depending on the zip code entered.
Let give an example.
I've my text edit like:
<input name="ZIP" type="text" id="ZIP" onKeyUp="fillcitycombo();">
<select name="City" id="City"></select>
When entering the zip code, I'd like the fillcitycombo() function to fill
the combobox with the matching cities.
For example I've
IDCity ZIP City
1 1950 Sion
2 1950 Pont-de-la-Morge
3 3960 Sierre
4 3960 Corin
So user's entry 3960 should fill the combo with Sierre, ID 3 and Corin, ID
4, as selecting 3 or 4 will change the city (that share the same ZIP code).
Of course the ZIP and city datas will be in the javascript source, as client
side there is no access to the DB. For info, in the client's DB I store the
IDCity code.
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.
View 1 Replies View Relatedcountry:
<select name="country">
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>
[Code].....
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?
How can make me selecting a country and then come out with a relative cities ?
View 2 Replies View RelatedI 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 RelatedI 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();
});
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?
View 1 Replies View RelatedI use the Validation plugin [URL] and do like this:
frmzip: {
required: true,
digits: true,
remote: zip.php,
},
I have two fields; zip and city, I validate zip with remote and it checks against a list if the zip is valid, but i want it too:
Check if the zip is valid
Return true if it is valid and return the city of the zip and paste it in the city-input...
Of course I have a database/array/list with all zip and city's.
This is probably less a jQuery question, and more about how to request info from GeoNames. I have the following:
Code JavaScript:
$(document).ready(function() {
$( "#city" ).autocomplete({
[code]....
Using Ajax below is how we create HTML SELECT box.
[Code]...
What is the procedure of creating CHECK BOXES? I want to show City name along with checkbox.
Suppose that I have a combo box filled with unique numbers handled from beans. And next a listbox including numbers and some names again handled from a beans. Now I want to make the listbox dependent to the combo box. When I select the number within combo box I want the listbox show the names related to this number. I only know that I should use Javascript. onChange event e.g Can anyone ghelp me about how the Javascript function should be?
View 1 Replies View RelatedMy objective is to have my buttons not to fuction when javascript is turned off. Can someone hepl me with the code.
View 2 Replies View RelatedI am working a form with radio button and calendar. What I would like to do is when the user selects Done - be able to display the calendar and if Not Done is selected, disable the calendar.
View 1 Replies View RelatedHow would I make my page I have connect to a database using javascript dependent dropdowns? I have all the things I need to get the database working where it displays all the info in the database but I only want it to display based on what they select not all of it.
<?php require_once('Connections/conn_dj.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
mysql_select_db($database_conn_dj, $conn_dj);
$query_rs_industry = "SELECT * FROM tbl_industry ORDER BY industry_name ASC";
$rs_industry = mysql_query($query_rs_industry, $conn_dj) or die(mysql_error());
$row_rs_industry = mysql_fetch_assoc($rs_industry);
$totalRows_rs_industry = mysql_num_rows($rs_industry);
mysql_select_db($database_conn_dj, $conn_dj);
$query_rs_productcategory = "SELECT * FROM tbl_productcat ORDER BY tbl_productcat.productCat_name";
$rs_productcategory = mysql_query($query_rs_productcategory, $conn_dj) or die(mysql_error());
$row_rs_productcategory = mysql_fetch_assoc($rs_productcategory);
$totalRows_rs_productcategory = mysql_num_rows($rs_productcategory);
mysql_select_db($database_conn_dj, $conn_dj);
$query_rs_product = "SELECT * FROM tbl_products ORDER BY tbl_products.products_name";
$rs_product = mysql_query($query_rs_product, $conn_dj) or die(mysql_error());
$row_rs_product = mysql_fetch_assoc($rs_product);
$totalRows_rs_product = mysql_num_rows($rs_product);
mysql_select_db($database_conn_dj, $conn_dj);
$query_rs_outsidena = "SELECT * FROM intl_countries ORDER BY intl_countries.name";
$rs_outsidena = mysql_query($query_rs_outsidena, $conn_dj) or die(mysql_error());
$row_rs_outsidena = mysql_fetch_assoc($rs_outsidena);
$totalRows_rs_outsidena = mysql_num_rows($rs_outsidena);
mysql_select_db($database_conn_dj, $conn_dj);
$query_rs_state = "SELECT * FROM tbl_states ORDER BY tbl_states.`state`";
$rs_state = mysql_query($query_rs_state, $conn_dj) or die(mysql_error());
$row_rs_state = mysql_fetch_assoc($rs_state);
$totalRows_rs_state = mysql_num_rows($rs_state);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DICKEY-john Corporation | Distributors</title>
<link href="_lib/sub.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Distributor, Sales, Purchase, U.S., International" />
<meta name="description" content="Enter your zip or postal code to find the DICKEY-john distributor nearest you." />
</head>
<body>
<div id="black"> </div>
<div id="siteContainer">
<?php include("_inc/topNav.inc"); ?>
<div id="headerContainer">Distributors</div>
<div class="divContainer"><div class="horizDiv"></div><img src="/_img/divEnd.png" alt="div" height="16" width="4" align="right" /></div>
<div id="contentContainer">
<div id="fullContainer">
<div id="stretchCrumbs">
<a href="/index.php">Home</a>
ยป <a class="high" href="/distributors/">Distributors</a>
</div>
<h1>Distributors</h1>
<p>Search for DICKEY-john distributers by specifying any combonation of the<br />
following classifications: industry, product category, product, and state.</p>
<br />
<br />
<h2>North America</h2>
<table class="setTbl listTbl" width="90%" cellpadding="0" cellspacing="0" border="0">
<tr><td>Industry:</td><td>
<select name="industry" id="center">
<option value="">Select an Industry...</option>
<?php do { ?>
<option value="<?php echo $row_rs_industry['industry_name']; ?>"><?php echo $row_rs_industry['industry_name']; ?></option>
<?php } while ($row_rs_industry = mysql_fetch_assoc($rs_industry)); ?>
</select></td></tr>
<tr><td width="125">Product Category: </td> <td>
<select name="prodcat" id="center">
<option value="">Select a product category...</option>
<?php do { ?>
<option value="<?php echo $row_rs_productcategory['productCat_name']; ?>"><?php echo $row_rs_productcategory['productCat_name']; ?></option>
<?php } while ($row_rs_productcategory = mysql_fetch_assoc($rs_productcategory)); ?>
</select></td></tr>
<tr>
<td>Product:</td> <td>
<select name="prod" id="center">
<option value="">Select a product...</option>
<?php do { ?>
<option value="<?php echo $row_rs_product['products_name']; ?>"><?php echo $row_rs_product['products_name']; ?></option>
<?php } while ($row_rs_product = mysql_fetch_assoc($rs_product)); ?>
</select> </td></tr>
<td>State:</td>
<td> <select name="state" id="center">
<option value="">Select a state...</option>
<?php do { ?>
<option value="<?php echo $row_rs_state['state']; ?>"><?php echo $row_rs_state['state']; ?></option>
<?php } while ($row_rs_state = mysql_fetch_assoc($rs_state)); ?>
</select></td>
</tr>
<tr><td> </td><td><input class="PythonButton" type="submit" value="Find" name="{Button_Name}"></td></tr>
</table>
</form>
<br />
<h2>Outside North America </h2>
<table class="setTbl listTbl" width="90%" cellpadding="0" cellspacing="0" border="0">
<tr><td> <select name="outna" id="center" onchange="javascript:document.centerform.submit()">
<option value="">Select a country...</option>
<?php do { ?>
<option value="<?php echo $row_rs_ousidena['name']; ?>"><?php echo $row_rs_outsidena['name']; ?></option>
<?php } while ($row_rs_outsidena = mysql_fetch_assoc($rs_outsidena)); ?>
</select></td>
</tr></td></tr>
</table>
</form>
</div>
</div>
<?php include("_inc/footer.inc"); ?>
</body>
</html>
<?php
mysql_free_result($rs_industry);
mysql_free_result($rs_productcategory);
mysql_free_result($rs_product);
mysql_free_result($rs_outsidena);
mysql_free_result($rs_state);
?>
alert(xmlhttp.responseText);
gives a system error number: -1072896658
I have declared the object using:
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
It works with IE version 6.0.2600 but not with IE version 6.0.2800
Couldnt find wat tis error code 1072896658.
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.
A sample of my code is blow:
My html:
I am new to JavaScript and would really appreciate any help to solve my
problem.
I am using the blow code in my form to validate form fields. What I
would like to accomplish is that if when the list/menu (attribute6)
value is "Ja" then to make the TextField Pas Nr (attribute4)
required. And if when the list/menu (attribute6) value is "Nee" to
make the TextField Pas Nr (attribute4) not required.
I have tried to adjust the code with no success. I give up and hope
that someone can help me to the right direction! ....
I have a two level dependent select function, when level 1 changed, level 2 will change content with level 1, level 2 only change when level 1 "changed", if I use javascript to change the level1 value, level 2 won't change,for exaplme:
$('#level1').val(3);
the level 1 select will change to the option which value is 3, but it won't trigger the change event, therefore level 2 does not change anything, how to change level 1 by and trigger change event.