I have not been able to get this output change when the drop down menu choice changes. I have looked at numerous examples but I can't find one that has this simple output change. What am I missing?
<HTML>
Basically I have a form, with two simple select menus, both identical except for different name values to post:
HTML Code:
<p>Make current?</p>
<select name="is_current">
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
<br />
<p>Put in list?</p>
<select name="in_list">
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
Some PHP code governs whether the "yes" or the "no" option in either menu gets the 'default' "selected="selected" showing, based on database information. For instance, in the first menu, if the page deals with a case where the the first "is_current" value is indeed current, then the PHP code will write the default "selected="selected" for "yes":
HTML Code:
<select name="is_current">
<option value=yes" selected="selected">Yes</option>
<option value=no">No</option>
</select>
If the page deals with a case where the value isn't current, the selected="selected" code will be written for the "no" value instead. The same goes for the second select menu. Now, the logic of my situation requires that, if the user selects "Yes" in the first "is_current" drop-down, then only "Yes" should be available to select in the second "in_list" menu. Anyway, I don't know javascript very well, but I found a function that seemed to be able to do this.
Code:
<script type="text/javascript">
(function () {
function updateLevel() {
var limit = Number(this.value);
// find the next select element
var selects = this.form.getElementsByTagName('select');
var select;
for (var i = 0; i < selects.length; i++) {
if (selects[i] === this && selects[i+1]) {
select = selects[i+1];
break; .....
(Apparently the script has to be put or called just before the </body> tag at the end of the page.) Then the select menus are recast as:
HTML Code:
<p>Make current?</p>
<select name="is_current" id="in_list">
<option value="1">Yes</option>
<option value="2">No</option>
</select>
<br />
<p>Put in list?</p>
<select name="in_list">
<option value="1">Yes</option>
<option value="2">No</option>
</select>
Now this appears to work, up to a point. If the user selects "Yes" for the first "is_current" selection, then only "Yes" becomes available for selection in the second "in_list" menu. A posted value of "1" represents "yes", and a value of "2" represents "no". Except, in Firefox, the javascript somehow overrules the default selected="selected" code. That is, the source code in the browser is correct, but the javascript draws it incorrectly.
For instance, say the database/PHP has drawn selected="selected" for the value "yes" in the second menu. Even though I can see that the source code is OK in the browser, the javascript will make the browser show a "No" selection as the initial default. This happens in Firefox, though not in Safari, and I haven't tested other browsers yet. This may be obvious but I'm not sure of javascript.
Not sure if this should have went into the php or javascript forum. I am trying to setup a script that will automatically population a html selection option based on the choice of the previous selection. If hard code everything it will work fine example manufacturer is currently being populated dynamically when the pages loads. The issue is I am can't pass pass the manufacturer variable through to be processed to only retrieve the models for that manufacturer. The code also uses a standard ajax script which httprequest in it.
[Code]....
The are two drop down boxes, the first one populating the second (state/county --> town)The first box is single choice, the second is multiple choice. I'm looking for a script that would be able to deal with generating the code for all possible values that could be chosen in the second drop down box.The drop down boxes are part of a form which allow people to search for educational courses within areas of a state/county.
View 3 Replies View RelatedCould anyone help me out with a peice of script that will reload the page once a choice is made from a list/menu, so dependant on the choice ($_POST data) another list menu will also display when the page reloads .. I tried a few javascripts from google, but none reloaed the page.
View 5 Replies View RelatedI have two drop/down menus that are dependant on each other. When I have
made a choice in both of these menus and press a button I get to a page
depending on the choice made. On this page there is two buttons "Accept" and
"Back".
When I press "Back" I would like to get back to the page with the two menus
and they should be set to the choice I made. Now the just reset when I press
the "Back" button.
Is it possible to save the options that I choose from the drop/down menus
when I get back to them by pressing "Back"??
I have trouble with SuperFish Menu, of course it looks very nice and is good solution, but I am not advanced in CSS language.how to change space between menu and submenu in Navi-bar type menu? Now sobmenu hide part of menu, I have to must space.....
Attachments
superfis.JPG
Size : 11.4 KB
Download : 306
I have a for loop and depending on the numeric value will equal it to a dollar amount. then that amount will be outputted to a text field (grand total).[code]...
View 1 Replies View RelatedHere is my code:
<html>
<head>
<title> Java Lesson</title>
</head>
[Code]....
The purpose:
1. select a month
2.select a team
3. result= value of month and team selected be displayed side by side in the div. I want this to happen immediately after selecting any value from either select box.
Observations: The code works fine if I select any value from any select box and F5, but if I select, and 'close and open' page, both values go to default. What is the difference between refresh via F5 and re-loading page?
I have two drop down menus. I want two values to be added based on what they picked and then outputted to a text field to show a grand total in a dollar amount.
This is what I have:
Code:
Code:
Note I haven't did any type of code for the 2nd drop down menu just in case anybody says I don't see anything. I was working on trying to get started in the right direction.
how i can create the list of menu that when we want to select certain item instead of we must select manually....mayb u all dont understand...ok like this, i want to select item 'cow' in list of cat, dog, cow, deer n etc...so when i press 'c' then the item cat n cow will appear, but i dont want be like that....but i want when i press 'c' the menu list appear as usual then when i press for the 2cd time, i press 'a' only cat will appear in the option list.
View 1 Replies View RelatedI'm having some trouble with what seems to be a fairly simple issue: I have a <select> field with a few options inside of it. The idea is that a user can select an option in this dropdown and, dependent on what they choose, the output in another div with change.
The form:
<form class="formStyle">
<fieldset>
<label for="soFormStyle">style:</label>
<select name="soFormStyle" id="soFormStyle">
[Code]....
So, this JQuery only works if the option is preselected (if I select and reload the page). I thought I was on the right track, but I just can't get it working as I intended. Again, the idea is that a user selects "Page Curl" or "Logo", and the image in the preview pane changes according to their selection.
I want to change the color of the text in my array output according to certain conditions. The output looks like this:
dfjklasdjkfklasjdfjkljasdfjljsd
EVENT
asdfkjfklasdjflaskdjfklasdfasidvj
ROOT
sdfjaskdlfklcmklfsdf
LIVE_EVENT
sdfjklasdjfklasdjfasdfk
TEAM
And I would like it to look like this
dfjklasdjkfklasjdfjkljasdfjljsd
EVENT
asdfkjfklasdjflaskdjfklasdfasidvj
ROOT
sdfjaskdlfklcmklfsdf
LIVE_EVENT
sdfjklasdjfklasdjfasdfk
TEAM
I am having a particular problem with my Javascript page, which should change the form that the user is at. Need to proofread my code to check for errors? The code does not change the form (Also it does not run the PHP page, or at least does not display its output in the loginStatus div):
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<title>
PHP Hardcoded Login Script!
</title>
<script>
function processLogin(form) {
var user = form.user.value;
var pass = form.pass.value;
var url = "processLogin.php?user=" + user + "&pass=" + pass;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
} .....
Why this is not working? The page running this code can be found at: [URL]
Another page without the signup form (that works) is at:
[URL]
The login for the pages is:
user: john_doe
pass:password
I have three dropdown menus (side dish, veggie, fruit). Based on the side dish selected (fruit or veggie), I'd like the fruit or veggie menu to appear automatically, while the one not selected stays hidden. Below is the code for the HTML part. I have no idea how to get started with the javascript.
<head>
<title>Untitled Document</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>sidedish
<select name="sidedish" id="sidedish">
<option value="fruit">fruit</option>
<option value="veggie">veggie</option>
</select>
</label>
<label>veggie
<select name="veggie" id="veggie">
<option value="carrots">carrots</option>
<option value="corn">corn</option>
</select>
</label>
<label>fruit
<select name="fruit" id="fruit">
<option value="banana">banana</option>
<option value="orange">orange</option>
</select>
</label>
</form>
</body>
</html>
say i have a select menu "select1" with several options available. And a color "color" menu with several options for color. Inside my "select1" option list i have a "variety" option.With this option selected i no longer need the "color" menu at all. I need a javascript or jquery that will make it so that when "variety" is selected it then hides the "color" select menu.
View 1 Replies View RelatedI have the following code I picked up which tries to fill in a text field with data depending on a user's menu item selection. I place this code in the header:
Code:
var colors = new Array();
colors["apple"] = "red";
colors["grape"] = "purple";
colors["milk"] = "white";
colors["cheese"] = "yellow";
colors["chicken"] = "white";
colors["beef"] = "red"; .....
var groups = new Array();
groups["apple"] = "fruit";
groups["grape"] = "fruit";
groups["milk"] = "diary";
groups["cheese"] = "diary";
groups["chicken"] = "meat";
groups["beef"] = "meat";
function printColorAndGroup(){
var value = document.getElementByName('food').options[document.getElementByName('food').selectedIndex].value;
document.getElementByName('food_group').value = groups[text];
document.getElementByName('food_color').value = colors[text];
}
I then use the following html in the body:
Code:
Food:
<select name="food" onchange="printColorAndGroup()">
<option>apple</option>
<option>grape</option>
<option>milk</option>
<option>cheese</option>
<option>chicken</option>
<option>beef</option>
</select>
Group:
<input type="text" name="food_group">
Color:
<input type="text" name="food_color">
But when I run this nothing happens...
Here's the page [URL]. None of the code above is colored... looks like I'm using the wrong tags here. Which tags should I use to post this stuff correctly?
I am creating a website for a friend where the user cant can choose what jobs they want to do while a event. There a are more than 300 people involved so I found a script that worked fine but it used some checkboxes, and I want to use drop down menu (one drop down menu for every day of the event). With the checkboxes it worked fine but when I modify the part to insert the dropdown menu and that on my webpage I choose a job and then I send it and it tells me that I haven't selected anything.
This is the PHP code of the webpage:
<?php include("login.php"); ?>
<html>
<head>
<title>Tickets</title>
<style>
* {
font-size: 11px;
font-family: arial;
}
</style>
<script>
function reserveSeats() {
var selectedList = getSelectedList('Reserve Seats');
if (confirm('Do you want to reserve selected seat/s ' + selectedList + '?')) { .....
I enter information in a system based on the # of a report that comes in. So if I see a report that says "333" i want to enter specific information for "333" same with "444" and "555" and so on and so forth.So I want to have a drop down menu for 111, 222, 333, 444 etc.Basically what I need is, if I select the report # from the drop down menu, I want it to copy information from a HIDDEN textbox to the clipboard.
View 4 Replies View RelatedI need a jump menu, that when an item is selected the next jump menu pops up with more selections to be made. Is this possible?
View 8 Replies View RelatedI am new to JavaScript. I am currently developing a simple CMS in PHP & MySQL. Most of work is already finished, bu now I have to tweak some functionalities in increase user experience. One of it is folding menu (tree menu). I am generating it in PHP and currently I'm using simple JavaScript to expand/collapse submenus (folders). Idea is simple - when an expandable list item (<li>) is clicked (onmouseclick) a simple JS funtion is executed that display a child list (<ul>) and in this way I am building a simple tree menu.
The function is following:
Code:
function showHide(msg_id)
{
var element = document.getElementById(msg_id);
element.style.display = element.style.display=='block' ? 'none' : 'block';
}
The problem is that when I click an list item (that leads to certain article) in a submenu, whole page is reloaded and all previously opened submenus collapse. I would like to have expanded elements that are leading to the last one that I clicked. How can I achieve it? Can you provide me some links to tutorials? Or maybe giva a hint how to tweak my function?
I am new to javascript stuff but am looking to develop a form which includes 2 drop down menus but I would like to grey out some options in the second one based on the selection in the first. Basically this is a simplification of what I have:
<select name="orientation" id="orientation">
<option value="OR1">South</option>
<option value="OR2">East</option>
<option value="OR3">North</option>
<option value="OR4">West</option>
</select>
<select name="location" id="location">
<option value="L1">Front Left</option>
<option value="L2">Front Right</option>
<option value="L3">Rear Left</option>
<option value="L4">Rear Right</option>
</select>
What I would like is that if south or east are selected for orientation then I can only select front left or front right but if north or west are selected then only rear left or rear right are available.
I'm trying to figure out how to tackle this problem: I have an XML
table with a cool grid in which users can select a table row. When
they right-click on a cell, they get a modal dialog window with a
selection menu. What I want this thing to do is display the different
values in the row, so that users can make a selection: eventually I
want it to be a filter option > in the selection menu, users can
select the value on which they want the whole table to be filtered.
However, I'm seriously lacking js-skills so I don't know how I should
pass the values from the table row to the selection menu. Code:
I have a Javascript function that allows the display of a textbox upon selecting an option from a dropdown menu. In my case when a user selects listbox as the option, the text box appears. I want the same thing to happen when another option (checkbox) is selected. when I repeat the JAVAscript code, the first textbox(listbox's textbox) appears irrespective of which option(listbox, checkbox) I select. I want to be able to appear/disappear only the respective textbox. Here is my code.
<html>
<script type="text/javascript" >
function showfield(name){
if(name=='lstbox')document.getElementById('div1').style.display="block";
else document.getElementById('div1').style.display="none";
}
function hidefield() {
[Code]....
how to populate checkboxes based on the dropdown menu selection
View 2 Replies View RelatedI don't want to show a table with ALL the contact details on. I want to offer a dropdown menu or similar with the countries inside it, and then dependent on the country selected, the relevant contact information would be displayed in a text box alongside. How can I create this and - equally importantly - integrate it into a WordPress page?
View 3 Replies View Related