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 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']");
[Code].....
$(document).ready(function() {
The SELECTor shows up in the document but it's not MULTIPLE, no ALT text, no CLICK event handler.
How can I do a less than in a select e.g. something like $.("span.class [id<"+ a_custom_variable +"]") when I tried that it just selected all span of class with an ID attribute rather than where ID attribute is less than
View 14 Replies View RelatedI have a standard menu structured with an unordered list. Some of the items in the menu have sub items, but are not themselves links. Here's an example:
<ul id="mainMenu">
<li><a href="">home</a></li>
<li><a>services</a>
<ul>
[Code].....
How do I select a tag that does (or does not) have a particular attribute? In my case, I want to be able to select all <a> tags in #mainMenu that do not have the href attribute.
I have 2 lists on a page and I have a link set up to remove an li item from the one list. I need to check to see if there is a copy of that item in the other list based off an attribute in my li item called qid. How would I look for a child list item based off this custom
attribute? Assuming I have html like the following and I want to get the one where qid=14.
<ul id="ul1">
<li qid="12" id="ul1_1">adfaf</li>
<li qid="13" id="ul1_2">adfaf</li>
<li qid="14" id="ul1_3">adfaf</li>
</ul>
I've got the following code (from this tutorial:[url]
thisItem = $(this).attr('rel');
Then I create HTML for navigation:
And it works perfect but only when I use single category for rel="". In this case rel="abc" works and rel="abc abc2" doesn't work.
There must be something with $('.pf_item li[rel!='+thisItem+']') but since I don't know jQuery I can't solve it myself. I just want to change this line into something that is able to work with multiple attributes in rel.
how can i set the attribute of an item in a select box to selected?
View 5 Replies View RelatedI'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.
$('#add_hybrid').click(function(){
$('#hybrid tr:last').after('<tr><td width="15%"><?=brands('hybrid');?><input name="clubtypes[]" value="6" type="hidden" /></td><td width="25%"><?
[code]....
I am trying to remove attribute from multiple by single change but unable to do so. I am trying to do something like that
function(){
$('#city').change(function(){
if($('option:selected', this).val() === 'None'){
$('#school').attr('disabled' , true);
[Code].....
$('a[class*=myclass]') selects all a elements whose class attribute contains 'myclass', how do I do the opposite?
View 1 Replies View RelatedI have a form that I need to target either _blank or _self depending on a selection made in a select list.
View 1 Replies View Relatedis there a way to select all values of a multiple select list by default?
View 3 Replies View RelatedI 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'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)
<html>
<head>
<script>
[code]....
If i have a drop down list on my website, and i want to use javascript to change its selected value,however, i do not have the id/name attribute of the option i want to select, only have the "value" attribute of the option, can it be done?
<select name="category">
<option value="">No Preference</option>
<option value="Apples">Apples</option>
<option value="Oranges">Oranges</option>
<option value="Pears">Pears</option>
<option value="Banana">Banana</option>
</select>
I imagine somehow.. selecting the options and looping through them and match the value. Really new to javascript,
<SELECT NAME="color" CLASS="text">
<OPTION VALUE="red">Red</OPTION>
<OPTION VALUE="blue">Blue</OPTION>
<OPTION VALUE="green">Green</OPTION>
</SELECT>
<INPUT TYPE="button" CLASS="button" OnClick="self.location.href='index.php?page=page&color=((COLOR))'">
That's the code I'm basically looking for, I would show you the page - however I'm working through localhost and right now it's impractical to upload. The code I've given you gives you the required part anyway. What I want to do is where the buttons OnClick attribute refers to '((COLOR))' I want it to be whatever the select option is the the select field (red, blue or green).
For simplicity reasons as far as the coding is concerned, it'd be easier to avoid any functions.. (There's a lot of PHP, including files, etc - it'd be a hassel to get back to the head of the page :P). Also for practical reasons I'd prefer to avoid using a form with with the GET method to pass on the information.
I've created the simple select box below that will "onchange" when an item is selected. I'm trying to apply the "selected" attribute to items that are chosen from the menu, so that if "Home Page #2" is selected, the "selected" attribute will be applied to "Home page #2" once you arrive at "Home Page #2". I've follow a few simple tutorials with no luck and even tried php conditionals to trigger the "selected" attribute with no luck.
Code:
<form name="guideform" method="get">
<select class="wptdb_jumpbar_select" name="mymenu" onChange="window.location=document.guideform.mymenu.options[document.guideform.mymenu.selectedIndex].value">
<option value="/1">Home Page #1</option>
<option value="/2">Home Page #2</option>
[Code]...
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?
[Code]...
I've created the simple select box below that will "onchange" when an item is selected. I'm trying to apply the "selected" or "selected="selected" attribute to items that are chosen from the menu. Example: The goal is to show " <option value="/1" selected="selected"> " when page "/1" is chosen and to show <option value="/1"> when /1 is not the current page. I've follow a few simple tutorials with no luck and even tried php conditionals to trigger the "selected" attribute with no luck.
<form name="guideform" method="get">
<select class="wptdb_jumpbar_select" name="mymenu" onChange="window.location=document.guideform.mymenu.options[document.guideform.mymenu.selectedIndex].value">
<option value="/1">Home Page #1</option>
<option value="/2">Home Page #2</option>
<option value="/3">Home Page #3</option>
<option value="/4">Home Page #4</option>
</select>
</form>
i have found a possible bug in 1.4 but it's only in Internet Explorer 7 & 8.The following code does not work and completely ruins every peice of jquery on the page (that means everything inside $(document).ready and anyting else...
$("<div/>",{
id: 'tooltip-'+rand,
class: 'dock-tooltip',
[code]....
I cant see any syntax errors - i pulled the example from the 1.4 site. There is no trailing commas in the object notation and i really cant see any reason it would work in firefox and not IEx and more to the point not only not work in IEx but break any other jquery in the entire page....
I am using the following selctor: $('div img[rel*="Zoom"]')
But I am trying to select all IMG tags which DO NOT contain "Zoom" in their REL attribute.
I figured I could make this work with the :not() selector somehow, but the tests I ran didn't work.
I'm working with a large (and unweildy) ASP.NET application, and there is a lot of jQuery code that uses selectors like this:
[name=_aspnetControl$_withASubControl] And unfortunately, some selectors that also look like this:
[name^=_someAspNetControl$_radioButtonList].
In other words, the effort to remove the $ from the attribute selectors would be monumental. If it is possible to escape the $ symbols, I can do that easily enough, but unfortunately the situation right now means that I can't upgrade to jQuery 1.5.
I'm learning jQuery with XML. I'm familiar with other query languages such as XPath. I'm having a little bit of difficulty wrapping my brain around how jQuery works but I think I can make the leap if I see a solution to a problem I know how to solve with other methods Given the following XML, please share a jQuery solution to finding the value of attribute B in elements named bar where attribute A has the value 30:
[Code]...
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 have multiple select controls with the SAME ID, like this
<select name="accommodation[]" id="g_accom">
<option value="0">Select Accomodation</option>
<option value="0">Accomodation1</option>
<option value="0">Accomodation2</option>
[Code]...
How can I use the above jquery to work with MULTIPLE IDENTICAL ID's ?