JQuery :: <select Multiple="multiple">, Change() And Ie6?
Feb 22, 2010
I have found a problem with <select multiple="multiple"> and .change() under ie6. The problem is ie6 fires first change event right after any other event, like selecting again, clicking mouse, pressing a key etc. It is perfectly seen on [URL]... Just click any option in demo, nothing will happen.
If i put a handler using plain DOM, i.e. $("select").get(0).onchange = function() { ... } the problem dissapears. So, it's definitely a bug with jquery. JQuery version 1.4.2.
I've been stumped. I'm usually good at figuring this stuff out, but I'm completely confounded here.I have a form with tables in it to add items to a series. The rows are being added dynamically by Jquery on the click event.
I have a series of paired <select> objects. By paired I mean the <option> values of one is dependent on the state of the other via an ajax call. Something like:
[Cdoe]..
Here's where the bizarre behavior happens. If I trigger a change event for "primary" classes, i.e. $('.primary').change(), only the LAST "secondary" gets changed. For the list above only $('#number_six') would be dynamically filled. I tried using $('.primary').each(function(){ blah }) instead but got the same result. I read somewhere that some change events are only registered when the object is no longer in focus, so I tried adding .blur() to the end of the statement.
Im currently working on a project that requires me to use jquery that i have never learnt before. I have downloaded the library online. How can i change the datepicker calendar to able to select multiple date at one time?
I'm trying to search for the correct code to make my form work. I have 3 select boxes - one with 2 options, one with 8 options, and the last with 2 options... All of this adds up to 32 different url paths. Can anyone tell me how to get this done?This is what I have so far: (and yea, I know I suck... I honestly have absolutely NO clue)
I've got a <select> with the multiple attribute on and then I got some jQuery doing some functions when one of the options is selected. Currently my code looks like this $("select[name=(thename)] option").click(function() { // do stuff.. }); and both this and the same with live ("click") works in Chrome and FF, but once again IE drops the ball. I've also tried with .change() but nothing..
I am using jquery with the cookie plugin and I have multiple image buttons that can hide/show multiple elements. My question is how can I add a cookie to this code to remember whether each separate element is opened or closed?
The code, $(document).ready(function() { // choose text for the show/hide link - can contain HTML (e.g. an image) var showText='<div class="expanddown"></div>'; var hideText='<div class="expandup"></div>'; // initialise the visibility check var is_visible = false; // append show/hide links to the element directly preceding the element with a class of "toggle" $('.toggle').prev().append('<a href="#" class="togglelink">'+hideText+'</a>'); // capture clicks on the toggle links $('a.togglelink').click(function() { // switch visibility is_visible = !is_visible; // change the link depending on whether the element is shown or hidden $(this).html( (!is_visible) ? hideText : showText); // toggle the display - uncomment the next line for a basic "accordion" style //$('.toggle').hide();$('a.toggleLink').html(showText); $(this).parent().next('.toggle').slideToggle('fast'); // return false so any link destination is not followed return false; }); }); HTML, <a class="togglelink" href="#"></a> <div class="toggle"> Content </div>
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 already know that you can combine multiple attribute selectors, &&-style, by doing:
$("*[name='someName'][value='someValue']"); However, what I was wondering is, is there any way to combine multiple attribute selectors, ||-style, such that I could select: $("*[name='someName'][value='someValue']").add("*[name='someName'] [value='someOtherValue']");
I'm not entirely familiar with jQuery coding, but I've given it my best shot to get this script working properly, and I can't seem to manage it. Here is my scenario: I'm creating a website for a friend who sells custom jewelery cuts. There are 4 different parameters you have to choose about your cut, and we would like to change the image displayed to match the parameters you select so you have a picture of what your going to purchase. The idea is like this:
I have managed to get it to update the image for a single select box, but then If I select another one it completely overrides the first one, and displays the second box. Here is what I have so far (and no it doesn't work :P):
I was wondering if anyone knew of a way of selecting a DIV based on 2 of itsattributes meeting a certain criteria. Say for example I have a variable called 'time', now if data-in and data-out (below) are 'seconds', how would you show the relevant DIV based on the 'time' variable.Assume all the below are hidden by CSS to start with.
For example if 'time'=15 it would show slide1 because it's between data-in (10) and data-out (20).[code]...
[code]I want to be able to highlight all of the divs which contain both the classes 'two' and 'three'. So the first and the third divs above are highlighted but the second isn't because it doesn't contiain both classes.I can see how to select multiple classes like this:$('.two, .three').css('background',''yellow');This selects items with either'two' or 'three' classes. I want it only to select the items with both classes.
I have a form with 4 select boxes. At least one of them must be used during the submission event.I cannot get the logic straight that will enable this to happen.
[Code]...
This ensures that when only one select box is chosen, the form validates, however, it also validates if no boxes are selected. What's the most efficient way of doing this?
I am trying to change each forms .submit function like so (below) but each submit button gets the function of the last iteration. I want each form to have a different submit function without using onclick events.
var x = document.getElementsByTagName("form"); for(i=0; i < x.length; i++){ var ele = x[i].elements;[code].....
I'm looking for a jQuery AJAX plugin that allows me to do the following. I have three dropdowns ( Make, Model, Year), the values of the second and third dropdowns need to dynamically changed based on the selection of the previous dropdown. Example: Dropdown 1 Dropdown 2 ( would change depending on selection in dropdown 1 ) Dropdown 3 ( would change depending on selection in dropdown 2 ) Is there an existing plugin that works?
I have multiple select boxes on 1 page, I need to get the text of the select boxes(which is the qty of an item) and the value of the selectboxes (the price of the item) and the item description which is in a span tag with a class descriptionColor,
and when someone chooses something from the first select box and sth from the second and so on,I need to add the item name, quantity and total price of each item to hidden fields.
so the hidden field would include: for name:qty of item 1 + item1 name,qty of item2 + item2 name ... for price:total price of all items.
When using a select combo box that has multiple selections enabled, my server was not seeing it as an array. It was only seeing it as a single variable value. All I did to correct this was add [] and the end of the name attribute. Ex. [code]<select name="categories[]" id="categories" multiple="multiple" size="4">[/code] Now my LAMP server sees this variable as an array in the $_REQUEST
I have a large form. One part of it is a column with selects. All drop-downs initially set to "No". The only other option is "yes". I need to make sure that at least one select is set to "yes". Any number, even all of them can be changed to "yes", but only one is required. I can easily add a rule that requires all the fields of the certain class to have certain type of value, but can't think of a way in js to only have one required. I can easily count number of "yes" values with PHP and prevent submitting on the back end, but would really like to have jquery do it first.
I've used jQuery's datepicker in the past to choose start/stop dates for a single record. Now I'd like to create a page where I can use the datepicker to choose start/stop dates for multiple records. You can see a stripped down version of my code at [URL]. I have start/stop dates for three records and would like to use the datepicker to let the user change the default date. I currently have an icon next to the start times and if you click on it it pops up a datepicker element for the top record where you can select a date and it'll be posted.
My problem is that I'm not sure how to generalize the code to let it work correctly for the 2nd and 3rd records. I'd like to keep just one function to handle the hide/show so that I can later let the user add additional records to the list and also let it be intelligent enough to handle it. I don't have much experience with the proper way to create name/id selections that javascript will then know which fields it needs to edit. A minor problem that I noticed is that the calendar seems to push the time over to the right even though the row it is in should span two columns. What am I doing incorrectly that is causing this?
I'm trying to populate select boxes depending on choices in other select boxes. In my case, the person has to choose a type of fixture type, then a select box with all the models would populate, and then a third select box with the watts have to populate.
In my code, the second select box is populating, but the third one is not. I'm sure that the problem is not in the php, but has to be in the jquery side. I'm a newbie in jquery and javascript.
