I have a form with two single-choice dropdowns. Upon doing an onChange event on either one of them, I want to check to see if the other dropdown has also been selected. How would I do that, considering that this.parent causes an error "null or not an object"?
View 2 Replies<form> onchange event doesnt work in IE. but works in Mozilla. Is there any other alternative in IE for <form onchange>????
View 2 Replies View RelatedI'm trying to design a bracket for our office to use for the NCAA tournament this March. I'll have drop down menus for the user to choose the winner of each game and I'd like for the drop downs to change dynamically, based on what has previously been selected. Ideally, this code below will change the third drop down menu to contain the values of the first and second fields. Code:
View 2 Replies View RelatedI have seen this technique on a couple websites, but haven't been
clear on how it's done. What I am looking for is to have a form with
x-options. The technique is that when the first option is selected it
auto updates the other options to correspond. For example if I was
looking for specific cities in a state. Once a state is selected I am
only given specific cities. The end result is to combine this with
php and mysql, but I am sure if I understand the javascript aspect I
can run with it.
How can I get and pass the value of an HTML form select object to a javascript function? code...
View 3 Replies View RelatedI would like to use some event handling on a form, not something I have done before and looking for some assistance. Here is my code:
<select name="LocO">
<option value=""></option>
<option value="O">Outside</option>
[code]....
So what I need to happen, is based on the selection of the first selection box, some of the options of the other selection boxes should not be available.If Outside is selected, everything in LocA should be available, but only up to 4 in Loc1... and if Inside is selected, only up to E should be available in LocA and everything should be available in Loc1.
I'm trying to populate a drop menu of boat launch options by using an onchange event in my form to reload the page after I select a state and then a lake, which is built after state selection. The state select works perfectly by populating the lakes in the second select, but when selecting the lake, it never reloads the page.
Here's my Javascript
Code:
<script language=JavaScript>
function narrowState(form) {
var val=form.state.options[form.state.options.selectedIndex].value;
[code]...
I have 41 <select> fields in a form. When a user makes any selection or change to any dropdown I want to do ajax and send the values of 41 dropdown's to a php page which will compute the values and return a single value which should be displayed in a div.
View 3 Replies View RelatedI have an entry form where a length needs to me entered. It can either be entered in meters (one input field) or feet and inches (two input fields).
I'd like to have the user select which units he wants to specify (with a selection tool) and then the form would automatically either display one text box or two.
Have an asp.net form where the textboxes have had the onblur attribute added. Though VS2008 still barks it's an invalid attribute...However, my problem is primarily w/the txtFICODate field.When testing using 10/10/2009 in this field, the code displays the appropriate msg based on format param. However, on exiting the isValidDate function in debug mode, I see that the code does not stop at the txtFICODate html but moves to the txtDOBB isValidDate function. Here the param is MM/DD/YYYY and it loops back into the function but now displays a different format message.Previous code (ValidateFICODate(obj)) below also caused the same looping error.
Debugging the same code with the txtDOBB field (10/10/56), I see it enter the function, display the appropriate message and exit. However, in debug, the code comes back to the function and then selects the field contents.how to fix problem so code stops at the txtFICODate field .Using xp Pro SP3, visual studio 2008 (c#).in the process of writing this, I searched other post here related to onblur + loop. So changed the event to onchange...and while the looping does not now occur, the focus just moves to the next field.
On page load code(if (!isPostBack)):
txtFICODate.Attributes.Add("onblur", "isValidDate(this, 'MM/DD/YY');");
txtDOBB.Attributes.Add("onblur", "isValidDate(this, 'MM/DD/YYYY');");
[code]....
Alright. I want to make an onchange image thing; where someone can select a name from a form and it will display an image.
I want the form to have two options.
They can pick a MALE or FEMALE version (these two things in one box)
and below it, they can pick different PET versions of it.
So:
1st box: male, female
2nd box: pet one, pet two, pet three, etc
why doesn't this form get submitted once the onchange event is triggered (I thought that it gets triggered once the element is used?)[URL]
View 3 Replies View RelatedI have been using PHP for a little while but just getting into JavaScript and really need to dynamically update dropdown boxes read from a mySQL database. There are three dropdown boxes, the first reads in fine. The second dropdown box then gets populated using the selection from the first as the condition in mySQL and the same again for the third.The page refreshes itself after the selection from the first box using JavaScript and populates the second using the PHP _GET method (this works fine). The issue is when I need to do this again for the second time because my JS is only set up to do it once and I don't no how to amend it. Also it will have to do it a third time because I need that info to complete the form and update the DB.
<SCRIPT language=JavaScript>
function reload(form){
var val=form.cat.options[form.cat.options.selectedIndex].value;
self.location='bookf.php?cat='+val ;
}
</script>
echo "<form method=post name=f1 action=''>";
////////// Starting of first drop downlist /////////
echo "<select name='cat' onchange="reload(this.form)"><option value=''>Select a Film</option>";
while($noticia2 = mysql_fetch_array($quer2)) {
if($noticia2['FilmID']==@$cat){echo "<option selected value='$noticia2[FilmID]'>$noticia2[FilmTitle]</option>"."<BR>";}
else{echo "<option value='$noticia2[FilmID]'>$noticia2[FilmTitle]</option>";}
}
echo "</select><br />";
////////////////// This will end the first drop down list ///////////
////////// Starting of second drop downlist /////////
echo "<select name='subcat' onchange="reload(this.form)"><option value=''>Select a Date</option>";
while($noticia = mysql_fetch_array($quer)) {
if($noticia2['FilmID']==@$cat){echo "<option selected value='$noticia2[FilmID]'>$noticia2[Date]</option>"."<BR>";}
else{echo "<option value='$noticia[FilmID]'>$noticia[Date]</option>";}
}
echo "</select><br />";
////////////////// This will end the second drop down list ///////////
////////// Starting of third drop downlist /////////
echo "<select name='subcat2' onchange="reload(this.form)"><option value=''>Select a Time</option>";
while($noticia = mysql_fetch_array($quer3)) {
if($noticia2['FilmID']==@$cat){echo "<option selected value='$noticia2[FilmID]'>$noticia2[Time]</option>"."<BR>";}
else{echo "<option value='$noticia[FilmID]'>$noticia[Time]</option>";}
}
echo "</select><br />";
////////////////// This will end the third drop down list ///////////
I have a form where I need to populate a field with a math equation using inputs in the form. Here's the example:
fieldA fieldB fieldC ... fieldJ
fieldX
As the user inputs a number in fieldA, I need fieldX to immediately change and display the average of fieldA - fieldJ if the field is not empty (valid entry for all field's is a number between 20 - 80). I don't have the ability to make many changes in the form because I'm using a product called Gravity Forms for Wordpress.
I have two radio buttons. When their value changes the form is resubmitted. In other words, when you select the other one, the form is resubmitted.However, in internet explorer, it takes two clicks. The first click is to change the radio button (it has to be changed) and the second is to select the other one (it has to be changed, again). The form remembers the first change. Edit: You can click the unchecked radio twice and it will also submit. Usually.I'm not even sure if this should go here or HTML but I think here is the better options since I am, after all, dealing with javascript.
Code:
<table id="..." class="radio">
<tr>
[code]....
My script is designed to show a simple question and the user submits the answer using onchange via the tab key. If the answer is correct the next question appears and so on. But if it's wrong there's an alert and the user stays at that question and has another go to enter a correct answer to move on. It works well as long as user gets answer right. If they enter a wrong answer I'd like that answer box to clear and be focussed (ie cursor in place). Problem is, using the tab key has already sent the cursor off to highlight the address bar! I can get it to work if each answer box has a submit button and I use onclick but I really want to change the submit function to a keystroke, pref TAB.
Code:
<HTML><HEAD>
<SCRIPT language=javascript type=text/javascript>
function thetests(){
document.theform.prob1.focus();
}
[Code]...
I have the following form working with on onsumbit function, but I would like to change it so that instead of having to click the purchase button to see total price, you only have to change the quantity text box input. I just can not seem to get it to work.
<script language="javascript" type="text/javascript">
function checkQuantity(frm) {
var succesful = false;
var numQuantity;
numQuantity = parseInt(frm.Quantity.value);
var numTotalPrice;
if (numQuantity != 0) {
numTotalPrice = numQuantity * 4;
frm.TotalPrice.value = numTotalPrice; //new String(numTotalPrice);
successful = true;
} else {
alert("Sorry must order more than 0");
successful = false;
} return succesful;
}
</script>
<form action="" onsubmit="return checkQuantity(this)" style="width: 193px">
<table cellpadding="4" style="width:111%">
<tr><td class="style1">
Quantity:</td><td class="formInputCell">
<input name="Quantity" type="text" style="width: 55px" /></td>
</tr><tr><td class="style1">
Total Price $
</td><td class="formInputCell">
<input name="TotalPrice" type="text" style="width: 55px" /></td>
</tr><tr><td class="style2"></td>
<td><input id="Submit1" type="submit"
value="Buy Now" class="buttonstyle" /></td>
</tr>
</table>
</form>
I'm using onchange display to hide/show form elements depending on the value of a select box. It works perfectly well (I actually really adore it) for one select box, but I have another select box which I'd like to act similarly.
<head>
But when I go to add a second select (obj,id1,id2,id3,id4,id5,id6) with new "ifs" and id's, etc and so forth, neither work.
Is there any way to fuse them and get a second select to work the same?
I have 1 form, and dozens of elements. In the select elements I use onchange="somefunc()". In this function I'd like to access and change the form element attributes (such as form.element.option[].value and form.element.option[].innerHTML).
Is there a way to access the element that has just changed (unsing onchange="somefunc()") by passing a "this.element" parameter to access the elements properties such as form.element.option[].value within the function?
Does anyone know how to event capture on an autocomplete dropdown - this would not be the underlying html element but only on the autocomplete dropdown itself.
I've never come across trying to capture autocompletes before (in fact, ideally i'm trying to ignore keypresses on the autocomplete and only capture those for the underlying input).
How 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);
?>
I'm trying to get a pair of drop down menus to appear on the screen, one containing months, and one containing years. I know the one containing years works, since it hasn't been changed at all since it was working, but the month box used to be a textbox. I tried to convert it over to drop down box using the same code as the year box, but it hasn't seemed to work.
<script language="Javascript">
var m1 = January;
var m2 = February;
var m3 = March;
var m4 = April;
var m5 = May;
var m6 = June;
var m7 = July;
var m8 = August;
var m9 = September;
var m10 = October;
var m11 = November;
var m12 = December; .....
document.write('<select name="selYear">');
for (var x=0; x <= 10; x++ ) {
if(x != 5){
document.write('<option value="' + x + '">' + yearArray[x] + '</option>');
}else{
document.write('<option value="' + x + '" selected>' + yearArray[x] + '</option>');
}} document.write('</select>');
</SCRIPT>
I am in a problems here trying to generate link by two dropdown boxes. So, I wanted it to be like when user selects some option from dropdown one the href attribute changes, index.php?staticvar=something&dynvar1=something, that is something I have already managed to do:
function change_href(id)
{
if (id != '')
{
var dynvar1 = document.getElementById("s"+id).value;
document.getElementById(id).href = "index.php?staticvar="+id+"&dynvar1="+dynvar1;
return;
}
else
{
return false;
}
}
This works perfectly for me, but now I need to modify the href with another variable, so it would be needed to be like:
index.php?staticvar=something&dynvar1=something&dynvar2=something2
The problem is that I don't know how to make it the way that user can change their selections, for example if user first selects (from dropdown) dynvar1 to be "test" and dynvar2 to be "test3", but then changes hes mind and decides to re-select dynvar2 to be "test4". It would be needed to be like only the dynvar2 part of the href changes with proper value (not changing the dynvar1 or staticvar).
I managed to make it changeable but it was like this:
index.php?staticvar=something&dynvar1=something&dynvar2=123&dynvar2=123
So, it didn't update the dynvar2 part, but instead just added another dynvar2 variable.
I am looking for the ability to add dropdowns (B, C, D etc) dynamically when one of the option in dropdown (a) is chosen.
View 1 Replies View RelatedI have created some Javascript to make a form application dynamic. My problem is that the code works in every browser except for internet explorer. I get no errors from Firebug and I have made sure that internet explorer has javascript enabled. I am completely in the dark as to why this would be happening. It works perfectly in Firefox, Chrome, and Safari. Here is my entire code for the form, it is for a housing application for a college,
Code:
function runAll2 (processPart, areaType, spaceType, mealType) {
pp = document.getElementById('fld2416');
at = document.getElementById('fld2417');
st = document.getElementById('fld2418');
mt = document.getElementById('fld2481');
[code]....
This for is supposed to go live on Tuesday and I didnt realize that it wasnt working in IE until today. I am pretty good at HTML and CSS and know a bit about cross browser testing, I just didnt even think about it because this form is entirely ASP and Java, my bad.
I have 2 different dropdowns lists. One for the month and another for the days (shows the date)
by default when the page is loaded, I am showing January in the first dropdown and 1 in the second dropdown (date).
But if a user selects February from the month dropdown list, I just dont want to show 29th, 30th, 31st etc. Same applicable for say april, june, sept etc where I dont want to show 31st so the user will not be able to select wrong date for a month. How can I do this?