I'm not sure if my term usage is correct, but using a select form field with various options. I would like that when an option is selected, a php query is performed, and the rest of the form is updated according to the selection based query.
View 2 RepliesI have a page that runs a lot of calculations.The math is computed on the fly using java scriptwhen all the calcs are in, prior to form submission the user needs to evaluate which numbers they prefer, and from there, once they select them, the form, based on those choices, will perform one last calclets say we have 3 result fields
r1 = 2000
r2 = 3000
r3 = 4000
what i want to do is have a select field be able to display those values at the bottom of the page;for example
<select name="s1">
<option value=[field contents of r1 above]>[field contents of r1 above]</option>
<option value=[field contents of r2 above]>[field contents of r2 above]</option>
[code]....
I have a form where a user may select a box from above which will query the database and autofill in the fields. This works properly for all of my input text fields but I have a select box where a user selects their state that I am unable to get to properly populate.
The select box is populated on page load in the following format....
<select id="state" name="state">
<option value="1">ALABAMA</option>
<option value="2">ALASKA</option>
</select>
[Code]....
Everything populates correctly except where I try to set the val on the state select field. It does not change at all. I need it to display the statename with the value of the state (number).
I'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 need to fill a form field when I click on part of region map. I think that jquery is solution at this issue but i don't know how it work. I'don't know how to join map to form field.
View 20 Replies View RelatedI have 2 html-selects, one as source, the other as target. I want to copy the source-options to the target.
#sel_rel > source
#sel_new_after_rel > target
function openFormAddRel(){
generateFieldset("Release hinzufügen", "reg_edit", "form_add_rel");
[Code]....
While appending the option-elements to the targetselect the original option-elements disappear (exactly at step of line 13). This is unwanted behaviour.
I have an array of codes returned from a script which relate to select box options. How can I select multiple select options so I can disable them?
So far this isn't working for me...
Code:
for ( var c in codes )
{
$('option[value="' + codes[c] + '"').attr('disabled', 'disabled');
}
I have a form with a dropdown and input field:
<form1>
<select name="warranty" id="warranty" onChange="doadate()">
<option value="Select">Select</option>
<option value="In Warranty">In Warranty</option>
[Code]....
But it's not working, it stays disabled after load even when the DOA is selected in the dropdown form field.
I've been having problems getting my select option to change the options of another select option. I'm not much of a javacsript coder, so I'm at a lost.When I select the first option nothing appears in the second option.
View 8 Replies View RelatedIs it possible to reorder the options in a form select box with jQuery, either by drag and drop or by up and down arrows/controls?I have a form select field that users use to choose an item to edit. I'd like users to also be able to reorder items in the select box to change their display order.In the end, I'll likely send order changes to the server via AJAX.
View 5 Replies View Relatedi need to remove some options from a <select> but i need to get it by name
so i have
<select name="imageList">
<option>test1</option>
<option>test2</option>
<option>test3</option>
<option>test4</option>
<option>test5</option>
<option>test6</option>
i know i need to use the .removeOption("test4"); to remove it but i dont know what to use so it selects the imageList <select>
I currently have a form that the checkboxes are automatically populated. There is over 1000 checkboxes in total, 48 of these checkboxes are designed as main topics, when the checkbox for one of these 48 are ticked, it checks all sub catergory checkboxes as well as populates a <select><option> multiple list with its value. When unchecking one of the 48, it unchecks all its sub categories and removes them from the <select><option> multiple list.
The problem I am having is, when i select one of the 48, which populates the multiple list option and checks all sub categories... i go to uncheck one in the sub categories, which successfully unchecks the main category (as it indicates they are not all selected). It also successfully removes the sub category from the multiple select option list and its main category (which became unchecked).
When I go back to check the main category which makes all the sub categories checked... it re-populates the <select><option> multiple list with the values creating duplicates. I need a proper way of when I check a box, it scans the multiple <select><option> list to see if it already exists, then adds it again if it is not there. I have tried the following jquery:
$('#elemSelect option[value = thisCheckbox.value]').length > 0)
but it seems the length always comes out 0 (zero). I need a fast and efficient way of doing this there is over a 1000 checkboxes that can be checked and need to populate this list.
I have a form with a number of <select> fields, some of which require additional fields to be displayed/enabled depending on which <option> is chosen. For example, in the following code, I'd like a <textarea> field to be displayed if users choose the 'Other' option:
<label for="venue_type"><p>What type of venue do you require?</p></label>
<select name="venue_type" id="venue_type">
<option value="null">--Please choose--</option>
<option value="Meeting/Training/Seminar room">Meeting / training / seminar room</option>
<option value="Computer Suite">Computer Suite</option>
<option value="Examination room">Examination room</option>
<option value="Lecture theatre / auditorium">Lecture theatre / auditorium</option>
<option value="Other">Other type of venue</option>
</select>
I'm guessing that it's possible to do this using onchange, but am not too great with Javascript .
I 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 RelatedWith CSS this is not browser save at all, so I wonder if this could be done with jquery.
[URL]
Multi values in select options. I have a simple select drop down menu here with values for each option that I can capture with Jquery.[URL]...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
[Code]...
Is there some example js that shows how to populate a text field on a form, based upon what option is chosen in a select form field? The options can be hardcoded and it would be great to also have a default if js is off on the client side.code...
View 4 Replies View RelatedI am developing a small app in Joomla! where I need to sequentially number file folders. On the page where I add new folders I have a select menu to select the type of folder. In this case, either Action, Reference, or Archive. What I want to have happen is after I select the type of folder, I want to enter the next available number in the form field. I realize to do this without resubmitting the page I need to use javascript and onchange. The problem is I am almost clueless when it comes to javascript (I am working on it though) so I need some help. This is what I have.
Code:
<fieldset class="adminform">
<legend><?php echo JText::_( 'Folders' ); ?></legend>
<table class="admintable">
[code]...
I assume I have to pass my php array into a javascript array then call that based on my select menu. Only I have no clue how to go about doing that.
I have two multiple selects on my page. One gets updated via ajax whenever the user filters data (we'll call that select "#select-1"), when they select options from that it then gets moved into the other select (we'll call that "#select-2"). That is all working fine but I'd like to refine it so that they can't select the same data twice.
So, basically, what I'd like to do is add logic within the ajax call to only update the select options in (#select-1) if it does NOT exist in the other select (#select-2).
I have no clue where to even begin with this....do I need to store the val's in an array and then search for each one in the other?
I have a long form in a tabbed interface, where I want to count the non blank fields on each tab (the form fields are text and checkbox inputs and multi & single select fields). The counting function is as follows:
// Input argument is a tab object
function
countFieldsOnTab(obj){
var counttext = obj.find('input:text[value!=""]').length;
[Code].....
The counts of text, checkbox and multi-select fields works, but the single select count doesn't return what I want. The default option in single selects is a default where the value is blank "<option value="">-- make a selection -- </option>. These will be found as selected options.
How do I count only those options have have a non-blank selection?
I am populating a number of Select boxes on the server-side with a large number of options. I'd like to get the response size down without taxing the client browser too much. What do you think is the most efficient way to approach this problem?
Here are some considerations: The option text/values do not change very often, but could potentially change in the future. The page that holds the select boxes should never be cached, there are other aspects of the page that need to remain fresh. Firebug with YSlow is saying that the primed cache size of the page is 300Kb with all the select dropdowns and options, if I remove the options, the primed cache size of the page is 80Kb. I am considering breaking out the text/value pairs for the select boxes into a separate file that is cache-able calling it "valueTextPairs.js" and referencing it with a query string and some sort of server-generated MD5 hash of the data, so that if any of the values change, the client's cached version will be replaced by the latest version. Like so:[URL]...
Provided I do this, I anticipate that the primed cache size of the page will be reduced down to 80Kb (which I like) -- however, before I take the plunge, I am curious what you all think the performance effect will be?
I know the number of bytes on the wire will be reduced, but will this put a lot of additional pressure on the client's browser because I'd need to traverse the name/value pairs and add the options to the select boxes dynamically on the client end? If it seems reasonable to do this, what jQuery approach would be the most efficient? $('#selectId').html(options) with options = one big string? Adding each child option to the select in a loop? Something else?
Some client end folks are using IE6 so I am trying to tax the browser as little as possible, while also reducing the size of each request, trying to find a happy medium..
Since its not multiple its not going to show all the 3 options selected, so I created a little button with the easy statement in JQuery it is working, it makes the Select Multiple, it expands the Select and make the items selectable, but on the other hand it does not show the already selected options.
View 1 Replies View RelatedHow do you folks handle <select> lists with no default option selected? I have mocked up a simple sample but in reality I may have a dozen different categories. (Link:Do you disable all other hidden <select> elements so that their values are not sent in a POST request?
View 1 Replies View RelatedI've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
What I try to do is the following..let's say I have this form:
<select name="sSelectMe" class="someclass">
<option value="">select an option</option>
<option value="1">option 1</option>
[code]....
Not 100% sure why or how to make this work.I have 5 options in a select drop-down. Only two of them are to disable a text field. I have written it successfully to disable on one option. How would I add the second option? I have tried many different ways, and i know its something small that i am missing.Below is the code that does not work but shows the 2 options that disable my text field.
<script type="text/javascript">
function type_disable() {
var qr_type = document.getElementById('qr_type');
[code]....