Expected '' Error - Select Menu 'Customer' Which Triggers A 3 JS Functions - To Populate 2 Extra Select Menus
Aug 18, 2010
I'm having problems with a Javascript 'Lookup' function.
Basically, I have a select menu 'Customer' which triggers a 3 JS functions, to populate 2 extra select menus.
Using IE Developer Tools, during debugging, I get this error: Expected ';' Error
This relates to either: eval(ajax_CustContact[index].response); OR eval(ajax_CostCentreContact[index].response); (it's a bit random, as sometimes it works, sometimes it doesn't)
I have tried changing the 'custid' to 'custname' to check whether it was an integer causing the problem, but had the same problem.
I'm still having problems with a Javascript 'Lookup' function. Basically, I have a select menu 'Customer' which triggers a 3 JS functions, to populate 2 extra select menus.
Using IE Developer Tools, during debugging, I get this error: Expected ';' Error
This relates to either: Code: eval(ajax_CustContact[index].response); or Code: eval(ajax_CostCentreContact[index].response); (it's a bit random, as sometimes it works, sometimes it doesn't)
I have tried changing the 'custid' to 'custname' to check whether it was an integer causing the problem, but had the same problem.
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
<SCRIPT LANGUAGE="JavaScript"'> <!-- function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.
I have a wee bit of code that handles a select list change to load some content via AJAX. In IE 7 & 8 (works a treat in 6!), clicking on the select list triggers the pop-up blocker thingy. My code certainly does not open a new window or anything like that:
$('#group_nav').change(function() { var group_id = $(this).val();[code]....
adminNavSetup() is the function this block of code resides in.However, commenting that out has no effect. Note that the select list doesn't even open; a click is all it takes. Also, no request is made to the server.why the pop-up defense would be triggered like that?
We have a list of items that each has a different quantity available. So I am going to create a multiple select menu, where they can select several different items. So, how can I make it that when they leave the field it sends all the different ones to the ajax program to build all the appropriate quantity forms?
I need to create two drop-down boxes and a GO button for navigation. In one drop-down box the user will choose a city and the other drop-down box will require the user to choose a location. When the user hits the GO button they will go to a Web page based on their choices. Here is the code I am using:
So if the user selects "LA" in the first drop-down menu and then "Airport" in the second drop-down menu and then hits GO, they will be taken to a page that has airport information for LA. Can this be done with JS? If so, how? Remember I'm a newbie at JS and still learning (we all have to start somewhere I guess).
The following script generates three SELECT menu's... one for days one for months and one for years. Each time a new year or a month is selected the menu's are updated to allow only valid dates. Its only just been finished and could probably use commenting more, but im always open to suggestions, advice and criticism.
I'm trying to get a select box to automaticly populate the year ranging from 2008 to the current year + two years.Below I've put the code I've got so far which populates it with the current year plus two years so for example at the moment it shows 2009, 2010 & 2011. Next year it would show 2010, 2011, 2012 but I need it to start at 2008 so this year it would show 2008, 2009, 2011 & 2012 and next year 2008, 2009, 2011 & 2012.
Code:
<script type="text/javascript"> var year = new Date(); var nextYear = year.getFullYear()+1; var nextYear2 = year.getFullYear()+2;
I'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]....
I have 9 select menus that are populated by a php for loop. Each has a numeric value that is displayed base on the selection (which I have working).I can not figure out how to sum all of these values and display them in a <div> tag.what I have thus far:
// Part of a function that creates drop down boxes <select name="$name" onchange="document.getElementById('cost_$name').firstChild.nodeValue = this.options[this.selectedIndex].getAttribute('cost_$name')">
I am using Javascript & PHP to populate a select list. The Ajax is working perfectly as I have tested it. However, as you can see from the below code, I have a button which adds more rows (which includes 2 select lists and file input) to a table.
When I click Add Row, the row is added perfectly and both select boxes along with the file field are shown as expected. The problem occurs when I select a value from the "room_name[]" box - there are no values returned inside the "album_title[]" select box. It doesn't seem to be triggering the onChange event. code JavaScript:
function addRow(tableID) { var table = document.getElementById(tableID);
I have a product select page that is really slow to use because 6 dropdowns must be populated and the page reloads after selecting each box, to get the options for the next box.I want to speed it up as follows:
1) User selects one of 50 products from a dropdown list.
2) Page reloads, and all the possible options for the remaining 5 dropdown boxes are now populated (ie. list options all stored client side)
3) User can freely input the remaining 5 dropdowns without the page reloading.
The intention is that when you select a site from the list, the banner underneath changes. However, I can only get it to do this once, then it simply refuses to let you select anything else. This is the code I am using to change it:
function defineimage() { if (document.forms[0].gourl.value = "http://jeff.zhomg.com") { document.images.linkimage.src = '/images/exchange/jeff.gif' } else if (document.forms[0].gourl.value = "http://www.strangedrawingsartgallery.com") { [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....
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 would like to have a jsp page with a form consisting of several inputs and selects. When page loads for the first time, there is only one select (with values taken from database), but after clicking on link "add", the subsequent selects are added (using JavaScript and DOM). It seems to be pretty easy task, but I'm not sure how to populate the newly created select with data.
I have two select lists, the first one has three options in it, What I need to have happen is once a option is selected in the first drop down, the second drop down will be populated with the remaining two options.
I created this script because <select> form menus in IE on Windows appear on TOP of my DHTML layer navigation menus = client NOT happy and blames YOU. To avoid this crappy situation you can use my script to hide a certain number of the <select> menus when your DHTML layer nav menus are active.
Place this JavaScript in the <head> somewhere.
<script type="text/javascript">
// code to hide/show form menu drop downs ie/win courtesy of www.dreamingdigital.ca // function should take in the parameter "visible" or "hidden" (the_action)
function dd_hide_show_selects(the_action) { var dom = (document.getElementById) ? true : false; var windows = (navigator.userAgent.toLowerCase().indexOf("windows")>-1) ? true : false; var ie5 = ((navigator.userAgent.toLowerCase().indexOf("msie")>-1) && dom) ? true : false; var cp_selects = document.getElementsByTagName("select"); var number_to_hide = 0; var number_needed_hidden = 4; // 4 was the number of selects I needed to hide
<a href="somewhere.html" title="Some text to describe the link." onMouseOver="dd_hide_show_selects('hidden');" onMouseOut="dd_hide_show_selects('visible');">Something</a>
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..
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...
I 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>
The code works fine. When I call the post, I get the categoryid as a result.Now, I should modify the code above, so I can do:post the ajax call sending the category id. this is done get subcategories for this category, and build the array * json_encode the array and echo * get results back in jQuery ajax call, decode and build the < select > field *The array should be built with each element having a sub-array with id and name, right?
I am building a jurisdiction calculator for issues on/off Indian reservations. I'd like the user to select 3 variables (radio buttons would also work) - whether the victim is Indian/Non, the perpetrator is Indian/Non, and whether the crime occurred On/Off a reservation and have a div that displays the possible jurisdiction outcomes based on the selections.For instance, if the user selects Victim: Non-Indian, Perp: Indian, Location: On reservation, the possible jurisdiction results would appear.
I want to make a popup helps the user select a value for an input field in a html form.
For example, if the field is for a customer code - the user can either type in the customer code directly, or use the popup to search on available customer codes using various criteria and finally select the customer code he or she wants to use, and have that customer code populate back into the original input field.
I have been looking around the various components in jquery but can't quite see how to do this.
I'd like some direction on creating a small piece of Javascript that will populate my <select> boxes. Basically, I have a form for users to create events, with a start time and an end time. (These are the two select boxes). For example:
What I am trying to do is: 1) Have times populated in 15 minute incrementals from 12:00AM to 11:45PM 2) Have some type of "error checking" available to where the End Time must be after the start time. It would be nice for the script to automatically change the end time field to a time that is after the start time.
