I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made. Here is the code I have so far.
<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>
[code]....
I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made.
Here is the code I have so far.
How does one cause a form element to appear ONLY if a certain form selection is made before it?
That is for example say there is a form element of type Radio called "format" so only if they select format value = normal then the form input fields called URL and Name are to appear as the next choices otherwise form input field Group and checklist Places are to appear as the next choices.
I am setting up a contact form, and want to have a drop down box with a handful of options. Clicking one option should display fields to input username & password, whereas all others will not. So far, I've tried and (replacing 'none with 'block' for the option that is supposed to show the input fields) but neither does what I need it to. I'm fairly new to javascript, just muddling my way through with the aid of tutorials.
View 2 Replies View RelatedI'm trying to show/hide a simple piece of text and a text field on a
form based on what choice is made from a drop down box.
<select name="dropdown" size="1">
<option selected value="">Please make a selection</option>
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
<option value="4">Other</option>
</select>
i.e. if Choice 2 is selected I'd like to display a new <tr> with the
following:
<tr>
<td>New text field:</td>
<td><input name="newField" type="text size="20"></td>
</tr>
if any other choices are made, I don't want to display anything.
I've tried several onchange() functions but can't achieve what I'm
looking for.
What I would like to do is have a page with a dropdown menu, and depending on which option the user chooses from the dropdown, reload the page and display a particular iframe below the dropdown, based on the users choice. Also, a default iframe would load (the one connected to the default choice in the select box). I was trying to make this work with PHP (without having the user having to click a submit button) but I couldn't find a way to make it happen.
View 6 Replies View RelatedHow do I display or hide a Javascript menu based on the current url in a php page?I want to specify when a java menu appears on a page based on the current url - does anyone have a script for the vars and conditional statements to make this happen - it would be something like this in natural language:
<javascript>
if currenturl = http://jemmakidd.com/categories.php
then displaymenu
[code]....
I am trying to display three different types of forms of the same page. One of the three will appear based on the selection. Right now my code has everything shown when you first reload the page and then when you select something it all disappears and nothing comes back. I am trying to use divs because the forms will perform the same action just with different parameters. It is a lot of code but the forms are the same thing just wrapped in a different div and I know they work. hopefully this will cut down on the amount of time you have to look at it.
Below is what I have so far:
Code:
<html>
<head>
<script type="text/javascript" language="javascript">
function choose()
{
document.getElementById('notes').style.display = 'none';
document.getElementById('tests').style.display = 'none';
document.getElementById('homework').style.display = 'none'; .....
Im using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
I need to change the value of a variable on a <select> question.
Code:
Currently the variable choses either 1or 2 so when I execute the function it will sum the value ie..3,6 ect.
I would like it to add the value in the text part of the option ie.. 5000,10000,15000.
I realize if I could I could change the value to be the same as the text value but the backend of this software needs the values to stay 1 or 2.
I was trying to do an "if else" statement but I am not sure how to format the syntax to work:
Code:
I have a dropdown box which should display an appropriate text box only when a particualar option is selected. Currently, the textboxes are displayed all the time. I do have a Javascript function that works for 2 options(hides always and displays only when the correct option is selected). But I need it to work for 3 options. Here is the code. You can copy and paste this code as an HTML file and you will know what I refer to.
<html>
<head>
</head>
[code]....
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]....
I have a simple html form that asks a user to select a state from a drop down list. Later, in the same form, there's a question that needs to display an image of the state they previously selected from the drop down menu. How can I accomplish this using javaScript?
View 12 Replies View RelatedThis code is able to display a table and show me state, County, Genus and GenusCount and also it shows when I select option as All for Counties in my drop down. it can based on which it can change my table and give me State, all the Counties, its Genus, GenusCount but when I select a particular County and then select for genus in my drop down menu. It is not working correctly. This is my code.http://paste.flingbits.com/m58f9160Example: If I select `Tennessee->Anderson->All` it should display in tables
<pre>
_____________________________
|State |County |Genus |
[code]....
I have a form with three radio options. And I have three buttons:
<input type="submit" name="mainform_action" value="Edit Data">
<input type="submit" name="mainform_action" value="View Data">
<input type="submit" name="mainform_action" value="Delete Data">
If the first radio button is selected, I only want all three buttons to be
visible to the user.
If the second radio button is selected, I only want the "Edit Data" and "View
Data" buttons to be visible.
If the third radio button is selected, I only want the "View Data" button to be
visible.
Is it possible to accomplish this in Javascript? In particular, I want to
continue using the "input type=submit" buttons without having to create my own.
I have 3 divs that contain radio with labels and beneath each radio button I would like to show/hide a form based on whether the radio is selected or not.
Code idea:
So if the radio1 input is selected this would show form1. Selecting radio2 input would hide any other forms (form1, form3) and show form 2 etc.
I got a table.Each row has a list of statuses.If status == yes, then several elements will be shown in the rowif status != yes, then hide those elements.Im not sure if I have made a good solution, but it seem to work ok (opera9.6, ff2, ie7)The status selector passes on a unique rowid, and itself. This way the js function can get the row, and the status of the selection. Then toggle various elements in that row.Only annoying thing is the way row elements are named and found. It kinda have to rely on some hard coding, but its ok I guess.Im not sure if its possibel to just call toggle( this ), and that way get to the elements in the row.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
[code].....
I'm pretty bad with Javascript, but I need to hide or show a snippet of text (could be inside a div without problems) based on the selection of a dropdown menu (<select>). If they choose anything with the word "Series" on it, I need to show the snippet. If they choose anything without "Series" on it, then the snippet needs to disappear. I should mention the snippet is part of a form, just a checkbox but that shouldn't be a problem I don't think.
View 24 Replies View RelatedI have a form with three fields. When the user changes the value of field1, the form displays either field2 or field3. This works fine for NEW records.However, I'm running into a problem when trying to EDIT an existing record. When the form is loaded, I need to test the value of field1 and display either field2 or field3. I've tried using the form onload event, but do not know how to access the value of field1.I'm using Javascript and div tags.This is what I have so far.
<script type="text/javascript">
function hide(obj)
obj1 = document.getElementById(obj);
[code]....
I've tried to find a stright forward script which show/hide specific form fields based on a selected option. I've seen many online but non of them was working with me without the need of some coding or tweeks. Does anyone here have such script?
View 4 Replies View RelatedI am very inexperienced with javasciprt. I am designing a form in coldfusion, and want some dynamic action to take place. My users will be offered 2 selections via radio buttons. Depending on which radio button they select, they will get a few more radio buttons to choose from. I have been told that this can be handled in javascript. So I am appealing to the javascript programmer nation for some assistance in this endeavor.
View 6 Replies View RelatedI want to use a drop-down menu selection option to submit a form. But the form's contents change depending on the option. This is the basic form:
<FORM ID="go1" METHOD="POST" TARGET="_self">
<INPUT TYPE=HIDDEN NAME=UserID VALUE="<%UserID%>">
<INPUT TYPE=HIDDEN NAME=Password VALUE="<%Password%>">
<INPUT TYPE=HIDDEN NAME=SubUnitID VALUE="4266">
<INPUT TYPE=HIDDEN NAME=PageID VALUE="1">
<INPUT TYPE="IMAGE" class="hand" border="0" src="/images/my.gif" width="45" height="26" vspace="5">
</FORM>
At the moment, it's an image which gets clicked on but it needs to be the option chosen. I think I can do that with:
function gotoPage(s){
var v = s.selectedIndex;
var select = document.forms.form.elements.input; // selects question
if (v == 1){...}
if (v == 2){...} etc.
However, as I said, the form's contents must change depending on the option chosen: The form's values which change are:
<INPUT TYPE=HIDDEN NAME=SubUnitID VALUE="4266">
<INPUT TYPE=HIDDEN NAME=PageID VALUE="1">
I have a dropdown box with 2 selections(True/False default False) .If false I want to show under it a form like so.
input text
input check
input text
I'm fairly new to Javascript and would be grateful for any help you can give me. I've had a search on Google and found a couple of potential solutions but nothing seems to work quite right for what I need.
Basically I have a form with several questions followed by Yes/No radio buttons. Dependent on which answer is given, I want to display a different message above the text box.
For example, if you answered 'no' to a certain question then the message above the text box would change to say "Please fill in additional information" or something along those lines.
[Code]...
I'm working on a search filter trying to get a form to update itself depending on what options have been checked from a selection of checkboxes. i.e. selecting one checkbox can bring up other checkboxes. It's just posting the form to update_filter.php and putting the updated form into searchNavigation div.
$(document).ready(function(e){
$("input[type='checkbox']").change(function(e){
e.preventDefault();
update_filter();
[Code]....
This works for the first checkbox that is checked, but after that nothing.
Is it something to do with the fact that the form is not the same form that it was before the checkbox was checked if that makes sense? or shouldn't that make any difference?
here is part of a form I have:
<select name = "pulmonologist" >
<option selected="" value="">---Select---
<option value="none">None</option>
[code].....