I need to make selected option 17 using JQuery I can't use value, because it's always different. So is there any solution to use number of 'select' child or somthing? Thank you.  &lt;select name="size" id="size"&gt;     &lt;option value="1430"&gt;17&lt;/option&gt;     &lt;option value="1429"&gt;19&lt;/option&gt;     &lt;option value="1428"&gt;20&lt;/option&gt;     &lt;option value="1427"&gt;16&lt;/option&gt;     &lt;option value="1426"&gt;15&lt;/option&gt;     &lt;option value="1425"&gt;18&lt;/option&gt; &lt;/select&gt;
7040
I have a select control, and in a javascript variable I have a text string.  Using jQuery I want to set the selected element of the select control to be the item with the text description I have (as opposed to the value, which I don't have).  I know setting it by value is pretty trivial. e.g.  $("#my-select").val(myVal);   But I'm a bit stumped on doing it via the text description. I guess there must be a way of getting the value out from the text description, but my brain is too Friday afternoon-ed to be able to work it out.
8401
I have a drop-down list with known values. What I'm trying to do is set the drop down list to a particular value that I know exists using jQuery.  Using regular JavaScript, I would do something like:  ddl = document.getElementById("ID of element goes here"); ddl.value = 2; // 2 being the value I want to set it too.   However, I need to do this with jQuery, because I'm using a CSS class for my selector (stupid  client ids...).  Here are a few things I've tried:  $("._statusDDL").val(2); // Doesn't find 2 as a value. $("._statusDDL").children("option").val(2) // Also failed.      How can I do it with jQuery?     Update  So as it turns out, I had it right the first time with:  $("._statusDDL").val(2);   When I put an alert just above it works fine, but when I remove the alert and let it run at full speed, I get the error     Could not set the selected property. Invalid Index   I'm not sure if it's a bug with jQuery or Internet Explorer 6 (I'm guessing Internet Explorer 6), but it's terribly annoying.
34246
I have a layout similar to this:  &lt;div id="..."&gt;&lt;img src="..."&gt;&lt;/div&gt;   and would like to use a jQuery selector to select the child img inside the div on click.  To get the div, I've got this selector:  $(this)   How can I get the child img using a selector?
8990
I would like to ask for some simple examples showing the uses of &lt;div&gt; and &lt;span&gt;.   I've seen them both used to mark a section of a page with an id or class, but I'm interested in knowing if there are times when one is preferred over the other.
85015
if you create html layout like so  &lt;ul&gt;      &lt;li class='a'&gt;&lt;/li&gt;      &lt;li class='b'&gt;&lt;/li&gt;      &lt;li class='a'&gt;&lt;/li&gt;      &lt;li class='b'&gt;&lt;/li&gt;      &lt;li class='a'&gt;&lt;/li&gt;      &lt;li class='b'&gt;&lt;/li&gt;      &lt;li class='a'&gt;&lt;/li&gt;      &lt;li class='b'&gt;&lt;/li&gt; &lt;/ul&gt;   and try to select odd elements with 'a' class like so $$('.a:odd') you will get empty array, and if you do $$('.a:even') you will get all four li elements with 'a' class.. It really strange.. But im new to mootools, maybe im doing something wrong..    So my question is how to select first and third li elements with a class. I know that i can do it with function like this  $$('.a').filter(function(item, index) { return index%2; }  but its too complicated for such small task as selecting odd or even elements..
96747
Maybe this is an easy question, maybe not.  I have a select box where I hardcode with width. Say 120px.    &lt;select style="width: 120px"&gt;   &lt;option&gt;REALLY LONG TEXT, REALLY LONG TEXT, REALLY LONG TEXT&lt;/option&gt;   &lt;option&gt;ABC&lt;/option&gt; &lt;/select&gt;     I want to be able to show the second option so that the user can see the full length of the text.  Like everything else.  This works fine in Firefox, but doesn't work with Internet Explorer6.
66978
I have got a problem with JavaScript. I want to add a drop down list control with a link as Value of it. After it will be choosen and clicked button it schould redirect me to chosen link. I tried this code from this Article:       &lt;select name="list" id="list" accesskey="target"&gt;     &lt;option value='none' selected&gt;Choose a theme&lt;/option&gt;     &lt;option value="index.html"&gt;Theme 1&lt;/option&gt;     &lt;option value="theme2.html"&gt;Theme 2&lt;/option&gt;     &lt;option value="theme3.html"&gt;Theme 3&lt;/option&gt; &lt;select&gt; &lt;input type=button value="Go" onclick="goToNewPage()" /&gt;  &lt;script type="text/javascript"&gt; function goToNewPage() {     var url = document.getElementById('list').value;     if(url != 'none') {         window.location = url;     } }     but when I tried to add by the script, or by html on site, or by designer its erase me that sort of text:  &lt;input type=button value="Go" onclick="goToNewPage()" /&gt;   It's live only:  &lt;input type=button value="Go" /&gt;
28047
Is there any syntactical way in jQuery to define multiple CSS attributes without stringing everything out to the right like this:  $("#message").css("width", "550px").css("height", "300px").css("font-size", "8pt");   If you have, say, 20 of these your code will become hard to read, any solutions?  From jQuery API, for example, jQuery understands and returns the correct value for both   .css({ "background-color": "#ffe", "border-left": "5px solid #ccc" })    and   .css({backgroundColor: "#ffe", borderLeft: "5px solid #ccc" }).   Notice that with the DOM notation, quotation marks around the property names are optional, but with CSS notation they're required due to the hyphen in the name.
122657
Surprisingly it seems no one asked this before.   Not long ago I asked a question on the site, and in a comment I was asked "what version of jQuery are you using?". The answer is obviously less than 15 characters. So I had to do something like this "I am using version 1.9.1" instead of just "1.9.1".  I see this a lot, so why not allow shorter comments?   I guess the idea is to force people to give more thorough comments and not just small quirks, but I think it reasonable to allow users with a ceratin amount of reputation to give shorter comments, because sometimes it just makes more sense and you don't really need 15 characters
61949
Is there a way to select a parent element based on the class of a child element in the class?  The example that is relevant to me relating to HTML output by a nice menu plugin for .  The output renders like this:    &lt;ul class="menu"&gt;       &lt;li&gt;           &lt;a class="active"&gt;Active Page&lt;/a&gt;       &lt;/li&gt;       &lt;li&gt;             &lt;a&gt;Some Other Page&lt;/a&gt;       &lt;/li&gt;   &lt;/ul&gt;     My question is whether or not it is possible to apply a style to the list item that contains the anchor with the active class on it.  Obviously, I'd prefer that the list item be marked as active, but I don't have control of the code that gets produced.  I could perform this sort of thing using javascript (JQuery springs to mind), but I was wondering if there is a way to do this using CSS selectors.  Just to be clear, I want to apply a style to the list item, not the anchor.
30235
Suppose I have a list of 100+ pieces of data that I'm displaying in a table that's paginating 40 elements per page.  Each row has 'select' checkbox that enables the user to select/unselect an individual item. On top of the list, there's also a 'select/unselect all' checkbox. For the moment, I have the functionality designed so that when the user clicks that checkbox, the action of toggling the selection is performed only on the elements currently displayed in the page. What are the best practices on 'select all'?  Should the action operate on:   a) only the visible elements being paginated, or   b) the entire list?
59713
Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice?  &lt;label for="animal"&gt;Animal (required):&lt;/label&gt; &lt;select name="animal"&gt;   &lt;option value=""&gt;Default Value&lt;/option&gt;   &lt;option value="0"&gt;Cat&lt;/option&gt;   &lt;option value="1"&gt;Dog&lt;/option&gt;   &lt;option value="2"&gt;Horse&lt;/option&gt;   &lt;option value="3"&gt;Pig&lt;/option&gt;   &lt;option value="4"&gt;Sheep&lt;/option&gt; &lt;/select&gt;   A blank value, &lt;option value=""&gt;&lt;/option&gt;?  Something visually irritating, &lt;option value=""&gt;***CHOOSE ANIMAL***&lt;/option&gt;?  Something which blends in but provides instruction, &lt;option value=""&gt;Select an Animal&lt;/option&gt;?  Something else entirely?
8344
I'm working with a bit of html and Javascript code that I've taken over from someone else. The page reloads a table of data (via an asynchronous request) every ten seconds, and then re-builds the table using some DOM code. The code in question looks something like this:  var blah = xmlres.getElementsByTagName('blah'); for(var i = 0; i &lt; blah.length; i++) {     var td = document.createElement('td');     var select = document.createElement('select');     select.setAttribute("...", "...");     select.onchange = function() {         onStatusChanged(select, callid, anotherid);     };     td.appendChild(select); }   When the onchange event is fired for a &lt;select&gt; element however, it seems like the same values are being passed to the onStatusChanged() method for every &lt;select&gt; in the table (I've verified that in each iteration of the loop, callid and anotherid are being given new, distinct values).   I suspect this is occuring because of the nature of how I am setting the event handler, with the select.onchange = function() syntax. If I understand how this is working correctly, this syntax sets a closure for the onchange event to be a function which refers to these two references, which end up having a final value of whatever they are set to on the last iteration of the loop. When the event fires, the value referenced by callid and anotherid is the value set in the last iteration, not the value set at the individual iteration.  Is there a way that I can copy the value of the parameters I am passing to onStatusChanged()?  I've changed the title to better reflect the question and the accepted answer.
62166
I need to have a select widget but with custom allowed values per user. Since in D7 I cannot use php code, I was wondering if there is some kind of hook I could use to achieve that functionality.  Thanks
27417
Using jQuery, how do you check if there is an option selected in a select menu, and if not, assign one of the options as selected.  (The select is generated with a maze of PHP functions in an app I just inherited, so this is a quick fix while I get my head around those :)
85862
This page does it the way I want it to:   But I want to find a better way using jQuery, can anyone point me to a good script that uses jQuery to accomplish this?
4228
As the question says, how do I add a new option to a DropDownList using jQuery?  Thanks