I'm looking for a method of making a form field appear (namely a textbox) upon selection of a particular checkbox in a form field. I'm able to do it from a dropdown menu item, but how do you do it with checkboxes? Code:
View 2 RepliesI have a form with two select fields (facility[] and lightbox[]), along with a few other text inputs. Both of the select fields allow the user to select multiple options. This is fine for our needs, as long as the user only selects fields from within one select box. As soon as the user decides to make a selection from the other select field, I'd like to permit that, but clear all other selections from the first field.
View 2 Replies View RelatedI'm using jquery validation plugin but i don't know how to do a thing:I'd like to enable a text field after selected a value from a selection list.The select field is this:
<select name="examples" id="examples">
<option value="N">Normal</option>
<option value="A">Abnormal</option>
[code]....
I'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.
I'm trying to make a function that will enable any given form field. This is what I have, my form name is 'searchfields':
Code:
function EnableDisable(field)
{
var loc = 'document.searchfields.'+field;
loc.disabled = false;
}
I have a form with a postcode field in it
I want to add a button or text link next to this field which if clicked on goes to the google maps url querying that postcode
i.e. if the postcode text in the field (form not submitted) was SW1A 1AA then without submitting that form there would be a button / link next to it which when clicked on went to [URL]
Buttons visibility is set to hidden to start. Suggestions?
<script Language="JavaScript">
Function CKPMT1()
Var PMT1;
PMT1 = document.Form1.BalPmtPayee.value;
IF PMT1 = "" then ;
[Code]...
I have a web form with several fields. If I copy & paste from a RTF document into a field, the javascript validation and field length are bypassed and cause the form to fail.
View 3 Replies View RelatedIs there any way to make a SELECT field in HTML as a read only field?
View 5 Replies View RelatedHow can i make a text box appear/dissapear on selection of a specific value from a dropdonw list?
Take a look at this page...
[URL]
If you look at the department dropdown, there is an "other" option which once selected i want a text box to appear..
I have a field with country names and want to have a second field load the cities based on the country (3 cities per country), A javascript or even PHP would do, the values would eventually be in a database, however a solution with static values would be great.
View 1 Replies View RelatedThe purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered. The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..
[Code]...
I 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?
Got some problems with a php script that outputs a jQuery script.
The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered.The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..[code]
I need to get the selection position by js and make sure that this code work for all the browsers.
For example, the user selected this text (red text is selected):
Hello world
The function should return to me array or two values wich they are: 3,9 (start and end position of the selection)
I have been using the jquery autocomplete plug-in for some time now and find it very useful. Lately I have come across the following problem in one of my JSP pages. The autocomplete suggestions are displayed and formatted properly. But when I select the one that I want, the result briefly appears in the input field and disappears. Simultaneously, the entered result automatically triggers another jquery search. The contents of my JSP page is given below. The same jquery code works perfectly well with other JSPs.
Code:
<%@ include file="../common/include.jsp" %>
<script>
var cols = []; // column mappings : 0=Last name, 1=First Name,
2=Title, 3 = Employee ID
$
.ready
function { .....
How to reset an input field to its default value, which is depend on another. There is a way to clear the input field but not resetting to its default value.
Example
I have 2 radio buttons. Depends of the radio button selection some other input fields are required. Those things are already done using the click function. It clears the input field. But I need to reset to its default value.
I was wondering if anyone can point me to an example where:
You select an option from a drop down list Based on what you select, if writes information to 1 or more text fields.
i think this will help people a lot, cuz i couldn't find any simple answer by googling 3 hours...i need a very very simple jquery form field reset.here is the picture what i need:
HTML Code:
<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.min.js'></script>
<script>
[code]....
I have a simple form - I want to disable the text field if Choice 2 from the dropdown menu is selected. I have this working with the code below, but for some reason if I go back and select choice 1 after selecting choice 2 the text field remains disabled. I only want it to be disabled if choice 2 is selected.
View 5 Replies View RelatedI need to achieve two things upon making a selection from a drop down field:
1) Changing the background picture of a cell.
2) Changing the size of a uploaded foreground picture within the same cell. code...
I've been struggling trying to get a small order form to work the way I want it to. Here is a link to the live page: [URL] And here is the code in question:
[Code]...
I have two questions...
Question 1 How can I make this piece of script act a little smarter. Look at the order form, I'm catering for up to 4 people and providing lunch for them. If they select 3 people and the spaghetti bol for lunch, it's only adding $10 where it should be adding $30. Obviously this is simple multiplication but since the values in my form are prices it makes it a little tricky. I'm guessing an onselect on the first part of the form which changes the pricing of the other items would be the way to go, but how do I do this?
Question 2 The "Total Price" is placed before the <form> tag by the script. This is ok but it's not where I want it. How can I position this text elsewhere in the document?
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 have set up my website quite some time ago that has served its purpose very well, however I will now be adding an order form functionality. So far, by reading books and traversing forums, I have been able to develop a page where the user
1.Enters data into the required fields, that is then submitted to a MYSQL database via PHP,
2.Can retrieve orders that are stored in the database,
3.Delete orders that are stored in the database.
I have wamp installed on my computer as the webserver. I have also incorporated two drop down lists that both retrieve their values from tables within the database. The first drop down list retrieves the Australian States that I have stored in a table, and once the submit button is pressed, it stores the State that is selected to a separate table. This drop down list functions as it should. An extract from "From Place an order.php"
<?php
$dbcnx = @mysql_connect('localhost', 'root', 'tingling');
if (!$dbcnx) {
exit('<p>Unable to connect to the ' .
'database server at this time.</p>');
} .....
The second drop down list retrieves product names from a table that contains products and their prices. What I would like to happen, is that when the product is selected from this drop down list, a text box is automatically filled with its corresponding price. I had this drop down list working as per the "States" drop down list, but could not get it to auto populate the text field. I got some assistance from a friend and was able to get the text box to auto populate with its corresponding price, however when the page was submitted to the database, the "id" number of the product name from the drop down list was stored, and not the product name.
<select name="productSelection" onchange = "getProductDetails(this)">
<option selected value="1product">Select Product</option>
<?php
$products1 = @mysql_query('SELECT * FROM products');
if (!$products1) {
exit('<p>Unable to obtain author list from the database.</p>'); .....
The following form validation script works, currently if one of the five fields are completed, a message appears the remaining field(s) must be completed etc. Although the information the user has inputted in the first field is cleared. How can this information be available, if there is one problem in the form it doesn't make sense that the user must re-input all the information again. I look forward to hearing your response,
function validate_form ( )
{
valid = true;
[code]....
my javascript code is only validating one field at a time (as in it validates on field then submits the form, instead of going through the entire thing and then returning it as true and submitting it...) I'm not sure what to do to be honest, I've looked up google to no real avail.. my variables are declared in a seperate file to the actual even handlers and I have heaps of comments through out it, so please don't judge lol i'm still learning Quote:
//Event Registrations (Variable Declarations) found in validation_chkr.js
//Validate Entire Form using validate_join()
function validate_join()
[code]....